際際滷

際際滷Share a Scribd company logo
INTERNET DAN WEB Pemograman Web (2010/2011) - Feb 17, 2011  Teknik Informatika, Universitas Islam Indonesia Hari Setiaji, S.Kom Follow  Hari Setiaji   on Twitter
Agenda Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Internet Architecture History Applications
Connect to the world.. Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Jaringan dalam sebuah jaringan The Internet is the largest group of computers ever linked  together. Jaringan komputer global atau kumpulan komputer dan jaringan  yang sangat besar yang saling terkoneksi satu sama lain sehingga  bisa saling bertukar informasi Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Jaringan Komputer - Melayani Kebutuhan Informasi Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Konsep Internet Client/Server Architecture TCP/IP  Protocol Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Analogi Cities and Towns = Networks and Servers Connected by Roads and Highways =  Cables and Wires Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Agenda Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Internet Architecture History Applications
Sejarah Internet Dibangun oleh Departemen Pertahanan AS dalam rangka melakukan hubungan dengan para ilmuwan dan profesor universitas di seluruh dunia Tahun 1968  DARPA (Defense Advanced Research Project Agency) melakukan kontrak dengan BBN (Bold, Banek & Newman) untuk membuat ARPAnet Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Sejarah Internet Tahun 1970  terbentuk 5 node : UCLA, Stanford, US Santa Barbara, Univ.of Utah, BBN Tahun 1974 dikembangkan protokol TCP/IP Tahun I984- Internet dengan 1000 host menggunakan TCP/IP untuk pengiriman pesan Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Agenda Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Internet Architecture History Applications
An  internet is many things, depending on your point of view. Its a physical network of networks Started by the military (ARPANET) Subsidized in the US by NSF Connects many  networks  worldwide Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Heres a neat view of THE internet (circa 1990)...
Konsep Perangkat  Lunak Akses Provider Kontent Provider Koneksi Internet Media Provider Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Layer Fisik Kendala Kabel Jalur yang benar Problem Kapasitas Penyebaran Monopoli
Layer Perangkat  Lunak Akses Provider Kontent Provider Koneksi Internet Media Provider Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Layer Internet Kendala Protokol Router, Switch Interkoneksi Problem Kehandalan Kapasitas Skala
Layer Perangkat  Lunak Akses Provider Kontent Provider Koneksi Internet Media Provider Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Layer Aplikasi Kendala Software Data Problem Kemudahan Privasi Keamanan
Agenda Pemograman Web (2010/2011)  Hari Setiaji, S.Kom Internet Architecture History Applications
Aplikasi Email, messaging, VoIP Remote computing Media File sharing  Search  Discussions, communities E-Commerce Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Commerce Neighborhood Digital Divide Education Governance Globalization Internet Architecture History Applications
World Wide Web  Web  Sistem terdistribusi yang sangat besar yang berisi jutaan klien dan server guna pengaksesan dokumen2 yang saling terhubung  Server  :  Mengelola koleksi dokumen  Tiap dokumen disimpan sebagai sebuah file  Dokumen dapat juga dihasilkan berdasarkan permintaan Klien  :  Menyediakan antarmuka yang mudah digunakan oleh pengguna untuk menampilkan dan mengakses dokumen2 Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
World Wide Web Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
World Wide Web  Format Dokumen : HTML Protokol :  HTTP Mekanisme Identifier : URI (Uniform Resource Identifier) => menggunakan  URL  (Uniform Resource Locator) Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
World Wide Web  Struktur Dokumen yang dipertukarkan HTML MIME Types  => bagian-bagian non-HTML Penampilan pada layar HTML diparsing oleh klien dan divisualisasikan isinya Untuk bagian non-HTML menggunakan Plug-in Client extension Helper Application Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
HTTP Hypertext Transfer Protocol : kumpulan aturan untuk pertukaran file (teks, grafik, gambar, suara, video, dll) pada web Konsep penting  Ide di mana suatu file bisa mengandung referensi pada file lainnya dengan transfer permintaan ke file tersebut Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
HTTP Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
URL Alamat sebuah file ( resources ) yang dapat diakses melalui internet Jenis resource yang diambil tergantung protokol aplikasi internet yang berlangsung, misal HTTP, File, News. Contoh file://ftp.serverku.co.id/umum/files/webprog.doc news://news.serverku.co.id/soc.culture.indonesia Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
URL  Berisi  nama protokol , dibutuhkan untuk mengakses  resources Nama domain , komputer tertentu yang terhubung dengan internet, tempat resource berada Hirarki lokasi penyimpanan  resources pada komputer tersebut Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
URL  URL berisi nama domain  yang mengidentifikasikan suatu komputer yang spesifik di Internet dan sebuah deskripsi hierarkis dari suatu lokasi  file  pada komputer yang bersangkutan Nama Domain Dikelola oleh InterNIC Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
URL  Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Domain Name System Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
MIME TYPES MIME=  Multipurpose Internet Mail Extensions Membedakan top-level types dan sub-type Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
MIME TYPES Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Web Application Sistem perangkat lunak yang berdasar pada teknologi-teknologi dan standar-standar W3C (World Wide Web Consortium) yang menyediakan sumberdaya tertentu seperti konten dan layanan-layanan melalui antarmuka web browser Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Kategori Aplikasi Web Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Document-Centric web (1) Bentuk awal aplikasi web Halaman web disimpan dalam web-server dalam keadaan siap pakai (statis) Halaman web diubah secara manual Kerugian Informasi out-of-date Kesulitan dalam peng-update-an informasi  Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Document-Centric web (2) Keuntungan  Sederhana Stabil Waktu respon singkat, karena halaman2 yang dibutuhkan sudah tersimpan di web server Yang masuk kategori  Situs web statis webcast situs web personal Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Interactive Web Berkembang dengan adanya teknologi CGI ( Common Gateway Interface ) dan form-form HTML Halaman web dan link dihasilkan secara dinamis berdasarkan masukan pengguna Yang masuk kategori Virtual exhibitions Situs berita Timetable information Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Transactional web Menyediakan interaktivitas yang lebih dari web interaktif Memungkinkan pengguna melakukan update terhadap isi web tertentu Membutuhkan sistem basisdata Yang masuk kategori Online Banking Online Shopping Booking System Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Workflow-based web Memungkinkan penanganan alur kerja (workflow) inter atau intra perusahaan, pengguna privat, atau public authorities Otomatisasi proses dan operasi Yang masuk kategori B2B (Business-to-Business)  e-commerce  E-government Aplikasi web kesehatan yang mendukung workflow Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Collaborative web Digunakan untuk kerja sama antar pengguna Biasanya kebutuhan komunikasi antar pengguna sangat tinggi Digunakan untuk saling berbagi informasi dan workspace, melakukan rapat atau membuat keputusan  Yang masuk kategori Weblog Wiki E-learning Sistem penjadwalan Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Social Web Pengguna saling berbagi informasi pribadi dengan pengguna lain yang memiliki kesamaan interest Yang masuk kategori ini Situs pertemanan Forum diskusi topik tertentu Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Portal-Oriented Menyediakan 1 pintu akses untuk berbagai sumber informasi dan layanan yang terpisah dan (berpotensi) heterogen Yang masuk kategori Portal bisnis (melalui intranet/extranet) Portal komunitas Marketplace portal  Horizontal  (B2C, B2B) Vertical (sektor yang sama, misal vendor/suplier ke manufacturer) Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Ubiquitos Situs web yang menyediakan layanan terkustomisasi kapan pun, di manapun dan dapat diakses dengan berbagai peralatan Contoh : menampilkan menu of the day, bagi pengguna yang mengunjungi restoran jam 11-2 siang melaui perangkat  mobile Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Semantic Web Bentuk lanjut pengembangan aplikasi web Tujuan : menampilkan informasi yang tidak hanya dapat dibaca manusia, namun juga dapat dipahami oleh mesin Digunakan untuk memfasilitasi knowledge management (menghubungkan dan menggunakan ulang knowledge)  content syndication atau  Recommender System Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Client Side vs Server Side Client-Side Scripting Server-Side Scripting Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Client-Side Scripting  Didesain untuk membuat suatu halaman web yang lebih dinamis yang mana halaman tersebut mengadakan interaksi yang tinggi dengan user namun dengan data yang lebih sedikit atau telah tersedia sebelumnya Aplikasi dijalankan/dieksekusi di klien (web browser) Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Client-Side Scripting  Contoh penggunaan Aplikasi yang memerlukan banyak interaksi dengan pengguna seperti aplikasi web untuk permainan kartu, kalkulator, dan lain sebagainya Pemeriksaan event pada  browser , misalkan pemeriksaan saat tombol klik kanan Contoh : JavaScript, VBScript Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Client-Side Scripting  Kekurangan : Amat bergantung pada web browser Tiap-tiap  browser  memiliki kapabilitas dan kemampuan yang berbeda-beda bahkan untuk sebuah merek  browser  yang sama namun versi yang berbeda Kelemahan ini tentu menyulitkan, terlebih jika navigasi halaman web banyak menggunakan  client-side scripting  (misal banyak menggunakan JavaScript sebagai alat bantu navigasi) Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Server-Side Scripting  Didesain untuk memproses segala sesuatu yang berhubungan dengan server, seperti lingkungan dari server atau manipulasi data pada basisdata Ciri dari  server-side scripting  : pengguna tidak dapat melihat  script  yang dijalankan pada  server-side. Pada awal perkembangan,  server-side scripting  banyak mempergunakan teknologi CGI ( Common Gateway Interface )  Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Server-Side Scripting  Contoh :  Active Server Pages (ASP) Java Server Pages (JSP) PHP:Hypertext Preprocessor (PHP) ColdFusion (CFM) Pemograman Web (2010/2011)  Hari Setiaji, S.Kom
Exercises Sebutkan situs-situs web populer (yang sering anda kunjungi) dan kelompokkan ke dalam kategori-kategori web yang ada Pemograman Web (2010/2011)  Hari Setiaji, S.Kom

More Related Content

What's hot (6)

Tugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web ranggaTugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web rangga
rangga priyatna
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
art david
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
osta92
Pengenalan Dasar Web
Pengenalan Dasar WebPengenalan Dasar Web
Pengenalan Dasar Web
Fadlika Dita Nurjanto
Kiat Memiliki Website di Internet
Kiat Memiliki Website di InternetKiat Memiliki Website di Internet
Kiat Memiliki Website di Internet
blanktrop
Tugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web ranggaTugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web rangga
rangga priyatna
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
art david
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
osta92
Kiat Memiliki Website di Internet
Kiat Memiliki Website di InternetKiat Memiliki Website di Internet
Kiat Memiliki Website di Internet
blanktrop

Viewers also liked (8)

HTML Dasar
HTML DasarHTML Dasar
HTML Dasar
Hari Setiaji
Brian Adams
Brian AdamsBrian Adams
Brian Adams
brad817
Nasser Cv1
Nasser Cv1Nasser Cv1
Nasser Cv1
NASSER ELNADI
Teknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan TreeTeknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan Tree
Hari Setiaji
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
Hari Setiaji
HTML - Form
HTML - FormHTML - Form
HTML - Form
Hari Setiaji
Brian Adams
Brian AdamsBrian Adams
Brian Adams
brad817
Perkembangan Web
Perkembangan WebPerkembangan Web
Perkembangan Web
Hari Setiaji
Brian Adams
Brian AdamsBrian Adams
Brian Adams
brad817
Teknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan TreeTeknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan Tree
Hari Setiaji
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
Hari Setiaji
Brian Adams
Brian AdamsBrian Adams
Brian Adams
brad817
Perkembangan Web
Perkembangan WebPerkembangan Web
Perkembangan Web
Hari Setiaji

Similar to Internet dan Web (20)

pengenalan dan pengertian web service pada web
pengenalan dan pengertian web service pada webpengenalan dan pengertian web service pada web
pengenalan dan pengertian web service pada web
KumpulanFilmku
Tugas atpi mohamad irfan s (1206247133) erwin r (1206247423)
Tugas atpi  mohamad irfan s (1206247133)  erwin r (1206247423)Tugas atpi  mohamad irfan s (1206247133)  erwin r (1206247423)
Tugas atpi mohamad irfan s (1206247133) erwin r (1206247423)
Febriy Y
Internet dan aplikasi web
Internet dan aplikasi webInternet dan aplikasi web
Internet dan aplikasi web
Geri Sugiran Abdul Sukur
Common Gateway Interface
Common Gateway InterfaceCommon Gateway Interface
Common Gateway Interface
S N M P Simamora
materi 1 WEB.pptx
materi 1 WEB.pptxmateri 1 WEB.pptx
materi 1 WEB.pptx
margotour
02. komputer perkantoran pengenalan it dan internet
02. komputer perkantoran   pengenalan it dan internet02. komputer perkantoran   pengenalan it dan internet
02. komputer perkantoran pengenalan it dan internet
rekoaditia
Bab ii 2
Bab ii 2Bab ii 2
Bab ii 2
Kurniawan Kurniawan
Pemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web DasarPemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web Dasar
studentmnurohman23
Materi_3_Web Serviceeeeeeeeeeeeeeeeee.pptx
Materi_3_Web Serviceeeeeeeeeeeeeeeeee.pptxMateri_3_Web Serviceeeeeeeeeeeeeeeeee.pptx
Materi_3_Web Serviceeeeeeeeeeeeeeeeee.pptx
DwiPratiwi50
01 how web works
01 how web works01 how web works
01 how web works
Amiroh S.Kom
Tugas pemograman berbasis web
Tugas pemograman berbasis webTugas pemograman berbasis web
Tugas pemograman berbasis web
harisdul94
Web Service
Web ServiceWeb Service
Web Service
Wahyu Widodo
Perkuliahan Smart Web PPT 7 Web Service.pptx
Perkuliahan Smart Web PPT 7 Web Service.pptxPerkuliahan Smart Web PPT 7 Web Service.pptx
Perkuliahan Smart Web PPT 7 Web Service.pptx
AdiHartanto4
01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web 01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web
Amiroh S.Kom
Tugas5 abdullah mahri
Tugas5 abdullah mahriTugas5 abdullah mahri
Tugas5 abdullah mahri
Ephen Surepen
02. Website _ E-Commerce.pdf
02. Website _ E-Commerce.pdf02. Website _ E-Commerce.pdf
02. Website _ E-Commerce.pdf
MMOTELKOMUNIVERSITY
Jaringan Dan Internet
Jaringan Dan InternetJaringan Dan Internet
Jaringan Dan Internet
Andi Aryauri
Jurnal Hari Kusuma
Jurnal Hari KusumaJurnal Hari Kusuma
Jurnal Hari Kusuma
Harry Kusuma
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Tugas 1 rekayasa web   1412511519 - andhika desta permanaTugas 1 rekayasa web   1412511519 - andhika desta permana
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Andhika Desta Permana
pengenalan dan pengertian web service pada web
pengenalan dan pengertian web service pada webpengenalan dan pengertian web service pada web
pengenalan dan pengertian web service pada web
KumpulanFilmku
Tugas atpi mohamad irfan s (1206247133) erwin r (1206247423)
Tugas atpi  mohamad irfan s (1206247133)  erwin r (1206247423)Tugas atpi  mohamad irfan s (1206247133)  erwin r (1206247423)
Tugas atpi mohamad irfan s (1206247133) erwin r (1206247423)
Febriy Y
Common Gateway Interface
Common Gateway InterfaceCommon Gateway Interface
Common Gateway Interface
S N M P Simamora
materi 1 WEB.pptx
materi 1 WEB.pptxmateri 1 WEB.pptx
materi 1 WEB.pptx
margotour
02. komputer perkantoran pengenalan it dan internet
02. komputer perkantoran   pengenalan it dan internet02. komputer perkantoran   pengenalan it dan internet
02. komputer perkantoran pengenalan it dan internet
rekoaditia
Pemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web DasarPemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web Dasar
studentmnurohman23
Materi_3_Web Serviceeeeeeeeeeeeeeeeee.pptx
Materi_3_Web Serviceeeeeeeeeeeeeeeeee.pptxMateri_3_Web Serviceeeeeeeeeeeeeeeeee.pptx
Materi_3_Web Serviceeeeeeeeeeeeeeeeee.pptx
DwiPratiwi50
01 how web works
01 how web works01 how web works
01 how web works
Amiroh S.Kom
Tugas pemograman berbasis web
Tugas pemograman berbasis webTugas pemograman berbasis web
Tugas pemograman berbasis web
harisdul94
Perkuliahan Smart Web PPT 7 Web Service.pptx
Perkuliahan Smart Web PPT 7 Web Service.pptxPerkuliahan Smart Web PPT 7 Web Service.pptx
Perkuliahan Smart Web PPT 7 Web Service.pptx
AdiHartanto4
01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web 01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web
Amiroh S.Kom
Tugas5 abdullah mahri
Tugas5 abdullah mahriTugas5 abdullah mahri
Tugas5 abdullah mahri
Ephen Surepen
Jaringan Dan Internet
Jaringan Dan InternetJaringan Dan Internet
Jaringan Dan Internet
Andi Aryauri
Jurnal Hari Kusuma
Jurnal Hari KusumaJurnal Hari Kusuma
Jurnal Hari Kusuma
Harry Kusuma
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Tugas 1 rekayasa web   1412511519 - andhika desta permanaTugas 1 rekayasa web   1412511519 - andhika desta permana
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Andhika Desta Permana

More from Hari Setiaji (15)

Project Management Tools
Project Management ToolsProject Management Tools
Project Management Tools
Hari Setiaji
Database Jaman Now
Database Jaman NowDatabase Jaman Now
Database Jaman Now
Hari Setiaji
Web Programming - PHP
Web Programming - PHPWeb Programming - PHP
Web Programming - PHP
Hari Setiaji
Introduction to XPath
Introduction to XPathIntroduction to XPath
Introduction to XPath
Hari Setiaji
Web Programming - Javascript
Web Programming - JavascriptWeb Programming - Javascript
Web Programming - Javascript
Hari Setiaji
Tutorial Postgre SQL
Tutorial Postgre SQLTutorial Postgre SQL
Tutorial Postgre SQL
Hari Setiaji
Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet
Hari Setiaji
DTD - Atribut dan Entities
DTD - Atribut dan EntitiesDTD - Atribut dan Entities
DTD - Atribut dan Entities
Hari Setiaji
Teknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTDTeknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTD
Hari Setiaji
Pengenalan XML
Pengenalan XMLPengenalan XML
Pengenalan XML
Hari Setiaji
Bab II Use Case Diagram
Bab II Use Case DiagramBab II Use Case Diagram
Bab II Use Case Diagram
Hari Setiaji
Bab I Data Flow Diagram
Bab I Data Flow DiagramBab I Data Flow Diagram
Bab I Data Flow Diagram
Hari Setiaji
Native Xml Tutorial
Native Xml TutorialNative Xml Tutorial
Native Xml Tutorial
Hari Setiaji
Persentasi Ajax Native Xml
Persentasi Ajax Native XmlPersentasi Ajax Native Xml
Persentasi Ajax Native Xml
Hari Setiaji
Distributed Database Using Oracle
Distributed Database Using OracleDistributed Database Using Oracle
Distributed Database Using Oracle
Hari Setiaji
Project Management Tools
Project Management ToolsProject Management Tools
Project Management Tools
Hari Setiaji
Database Jaman Now
Database Jaman NowDatabase Jaman Now
Database Jaman Now
Hari Setiaji
Web Programming - PHP
Web Programming - PHPWeb Programming - PHP
Web Programming - PHP
Hari Setiaji
Introduction to XPath
Introduction to XPathIntroduction to XPath
Introduction to XPath
Hari Setiaji
Web Programming - Javascript
Web Programming - JavascriptWeb Programming - Javascript
Web Programming - Javascript
Hari Setiaji
Tutorial Postgre SQL
Tutorial Postgre SQLTutorial Postgre SQL
Tutorial Postgre SQL
Hari Setiaji
Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet
Hari Setiaji
DTD - Atribut dan Entities
DTD - Atribut dan EntitiesDTD - Atribut dan Entities
DTD - Atribut dan Entities
Hari Setiaji
Teknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTDTeknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTD
Hari Setiaji
Bab II Use Case Diagram
Bab II Use Case DiagramBab II Use Case Diagram
Bab II Use Case Diagram
Hari Setiaji
Bab I Data Flow Diagram
Bab I Data Flow DiagramBab I Data Flow Diagram
Bab I Data Flow Diagram
Hari Setiaji
Native Xml Tutorial
Native Xml TutorialNative Xml Tutorial
Native Xml Tutorial
Hari Setiaji
Persentasi Ajax Native Xml
Persentasi Ajax Native XmlPersentasi Ajax Native Xml
Persentasi Ajax Native Xml
Hari Setiaji
Distributed Database Using Oracle
Distributed Database Using OracleDistributed Database Using Oracle
Distributed Database Using Oracle
Hari Setiaji

Recently uploaded (20)

BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Seleksi Penerimaan Murid Baru 2025.pptx
Seleksi Penerimaan Murid Baru  2025.pptxSeleksi Penerimaan Murid Baru  2025.pptx
Seleksi Penerimaan Murid Baru 2025.pptx
Fajar Baskoro
02_Konjugat_Bilangan_Kompleks (Unpak).pdf
02_Konjugat_Bilangan_Kompleks (Unpak).pdf02_Konjugat_Bilangan_Kompleks (Unpak).pdf
02_Konjugat_Bilangan_Kompleks (Unpak).pdf
AsepSaepulrohman4
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
AsepSaepulrohman4
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri SemarangBuku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
iztawanasya1
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Murad Maulana
Keragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptxKeragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptx
aifi3
1. Trafo Tegangan 2. Trafo Tegangan Magnetik 3. Trafo Pembagi Tegangan Ka...
1. Trafo Tegangan  	2. Trafo Tegangan Magnetik  	3. Trafo Pembagi Tegangan Ka...1. Trafo Tegangan  	2. Trafo Tegangan Magnetik  	3. Trafo Pembagi Tegangan Ka...
1. Trafo Tegangan 2. Trafo Tegangan Magnetik 3. Trafo Pembagi Tegangan Ka...
poenyarha
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptxRENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
Kanaidi ken
PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025
PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025
PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025
saichulikhtiyar274
1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf
1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf
1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf
Syarifatul Marwiyah
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdfBRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
Syarifatul Marwiyah
PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...
PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...
PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...
Kanaidi ken
Project Mata kuliah Biogeografi kelompok 5
Project Mata kuliah Biogeografi kelompok 5Project Mata kuliah Biogeografi kelompok 5
Project Mata kuliah Biogeografi kelompok 5
khairizal2005
PPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptxPPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptx
rahmiati190700
enzim mikroba KULIAH BIOLOGI MIKROPANGAN.ppt
enzim mikroba KULIAH BIOLOGI MIKROPANGAN.pptenzim mikroba KULIAH BIOLOGI MIKROPANGAN.ppt
enzim mikroba KULIAH BIOLOGI MIKROPANGAN.ppt
ParlikPujiRahayu
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
SofyanSkmspd
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptxPPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
SausanHidayahNova
Random Number Generator Teknik Simulasi.pdf
Random Number Generator Teknik Simulasi.pdfRandom Number Generator Teknik Simulasi.pdf
Random Number Generator Teknik Simulasi.pdf
PratamaYulyNugraha
Teks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptxTeks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptx
ArizOghey1
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Seleksi Penerimaan Murid Baru 2025.pptx
Seleksi Penerimaan Murid Baru  2025.pptxSeleksi Penerimaan Murid Baru  2025.pptx
Seleksi Penerimaan Murid Baru 2025.pptx
Fajar Baskoro
02_Konjugat_Bilangan_Kompleks (Unpak).pdf
02_Konjugat_Bilangan_Kompleks (Unpak).pdf02_Konjugat_Bilangan_Kompleks (Unpak).pdf
02_Konjugat_Bilangan_Kompleks (Unpak).pdf
AsepSaepulrohman4
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
AsepSaepulrohman4
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri SemarangBuku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
iztawanasya1
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Manajemen Perpustakaan BAPETEN Berdasarkan油SNI 7496:2009
Murad Maulana
Keragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptxKeragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptx
aifi3
1. Trafo Tegangan 2. Trafo Tegangan Magnetik 3. Trafo Pembagi Tegangan Ka...
1. Trafo Tegangan  	2. Trafo Tegangan Magnetik  	3. Trafo Pembagi Tegangan Ka...1. Trafo Tegangan  	2. Trafo Tegangan Magnetik  	3. Trafo Pembagi Tegangan Ka...
1. Trafo Tegangan 2. Trafo Tegangan Magnetik 3. Trafo Pembagi Tegangan Ka...
poenyarha
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptxRENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
Kanaidi ken
PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025
PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025
PAPARAN INOPAMAS 2025 PASURUAN TAHUN 2025
saichulikhtiyar274
1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf
1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf
1. Zakat dan Zakat Fitrah Part 1_Safari Ramadhan UAS 2025.pdf
Syarifatul Marwiyah
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdfBRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
BRIEF SAPA RAMADHAN Universitas Al-Falah As-Sunniyah Kencong Jember 2025.pdf
Syarifatul Marwiyah
PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...
PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...
PELAKSANAAN + Link2 MATERI Pelatihan *"PTK 007 (Rev-5 Thn 2023) + Perhitungan...
Kanaidi ken
Project Mata kuliah Biogeografi kelompok 5
Project Mata kuliah Biogeografi kelompok 5Project Mata kuliah Biogeografi kelompok 5
Project Mata kuliah Biogeografi kelompok 5
khairizal2005
PPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptxPPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptx
rahmiati190700
enzim mikroba KULIAH BIOLOGI MIKROPANGAN.ppt
enzim mikroba KULIAH BIOLOGI MIKROPANGAN.pptenzim mikroba KULIAH BIOLOGI MIKROPANGAN.ppt
enzim mikroba KULIAH BIOLOGI MIKROPANGAN.ppt
ParlikPujiRahayu
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
1 PPT PENERAPAN PUNGSI DANTUGAS 2 P3K OK.pdf
SofyanSkmspd
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptxPPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
SausanHidayahNova
Random Number Generator Teknik Simulasi.pdf
Random Number Generator Teknik Simulasi.pdfRandom Number Generator Teknik Simulasi.pdf
Random Number Generator Teknik Simulasi.pdf
PratamaYulyNugraha
Teks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptxTeks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptx
ArizOghey1

Internet dan Web

  • 1. INTERNET DAN WEB Pemograman Web (2010/2011) - Feb 17, 2011 Teknik Informatika, Universitas Islam Indonesia Hari Setiaji, S.Kom Follow Hari Setiaji on Twitter
  • 2. Agenda Pemograman Web (2010/2011) Hari Setiaji, S.Kom Internet Architecture History Applications
  • 3. Connect to the world.. Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 4. Jaringan dalam sebuah jaringan The Internet is the largest group of computers ever linked together. Jaringan komputer global atau kumpulan komputer dan jaringan yang sangat besar yang saling terkoneksi satu sama lain sehingga bisa saling bertukar informasi Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 5. Jaringan Komputer - Melayani Kebutuhan Informasi Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 6. Konsep Internet Client/Server Architecture TCP/IP Protocol Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 7. Analogi Cities and Towns = Networks and Servers Connected by Roads and Highways = Cables and Wires Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 8. Agenda Pemograman Web (2010/2011) Hari Setiaji, S.Kom Internet Architecture History Applications
  • 9. Sejarah Internet Dibangun oleh Departemen Pertahanan AS dalam rangka melakukan hubungan dengan para ilmuwan dan profesor universitas di seluruh dunia Tahun 1968 DARPA (Defense Advanced Research Project Agency) melakukan kontrak dengan BBN (Bold, Banek & Newman) untuk membuat ARPAnet Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 10. Sejarah Internet Tahun 1970 terbentuk 5 node : UCLA, Stanford, US Santa Barbara, Univ.of Utah, BBN Tahun 1974 dikembangkan protokol TCP/IP Tahun I984- Internet dengan 1000 host menggunakan TCP/IP untuk pengiriman pesan Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 11. Agenda Pemograman Web (2010/2011) Hari Setiaji, S.Kom Internet Architecture History Applications
  • 12. An internet is many things, depending on your point of view. Its a physical network of networks Started by the military (ARPANET) Subsidized in the US by NSF Connects many networks worldwide Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 13. Heres a neat view of THE internet (circa 1990)...
  • 14. Konsep Perangkat Lunak Akses Provider Kontent Provider Koneksi Internet Media Provider Pemograman Web (2010/2011) Hari Setiaji, S.Kom Layer Fisik Kendala Kabel Jalur yang benar Problem Kapasitas Penyebaran Monopoli
  • 15. Layer Perangkat Lunak Akses Provider Kontent Provider Koneksi Internet Media Provider Pemograman Web (2010/2011) Hari Setiaji, S.Kom Layer Internet Kendala Protokol Router, Switch Interkoneksi Problem Kehandalan Kapasitas Skala
  • 16. Layer Perangkat Lunak Akses Provider Kontent Provider Koneksi Internet Media Provider Pemograman Web (2010/2011) Hari Setiaji, S.Kom Layer Aplikasi Kendala Software Data Problem Kemudahan Privasi Keamanan
  • 17. Agenda Pemograman Web (2010/2011) Hari Setiaji, S.Kom Internet Architecture History Applications
  • 18. Aplikasi Email, messaging, VoIP Remote computing Media File sharing Search Discussions, communities E-Commerce Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 19. Commerce Neighborhood Digital Divide Education Governance Globalization Internet Architecture History Applications
  • 20. World Wide Web Web Sistem terdistribusi yang sangat besar yang berisi jutaan klien dan server guna pengaksesan dokumen2 yang saling terhubung Server : Mengelola koleksi dokumen Tiap dokumen disimpan sebagai sebuah file Dokumen dapat juga dihasilkan berdasarkan permintaan Klien : Menyediakan antarmuka yang mudah digunakan oleh pengguna untuk menampilkan dan mengakses dokumen2 Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 21. World Wide Web Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 22. World Wide Web Format Dokumen : HTML Protokol : HTTP Mekanisme Identifier : URI (Uniform Resource Identifier) => menggunakan URL (Uniform Resource Locator) Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 23. World Wide Web Struktur Dokumen yang dipertukarkan HTML MIME Types => bagian-bagian non-HTML Penampilan pada layar HTML diparsing oleh klien dan divisualisasikan isinya Untuk bagian non-HTML menggunakan Plug-in Client extension Helper Application Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 24. HTTP Hypertext Transfer Protocol : kumpulan aturan untuk pertukaran file (teks, grafik, gambar, suara, video, dll) pada web Konsep penting Ide di mana suatu file bisa mengandung referensi pada file lainnya dengan transfer permintaan ke file tersebut Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 25. HTTP Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 26. URL Alamat sebuah file ( resources ) yang dapat diakses melalui internet Jenis resource yang diambil tergantung protokol aplikasi internet yang berlangsung, misal HTTP, File, News. Contoh file://ftp.serverku.co.id/umum/files/webprog.doc news://news.serverku.co.id/soc.culture.indonesia Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 27. URL Berisi nama protokol , dibutuhkan untuk mengakses resources Nama domain , komputer tertentu yang terhubung dengan internet, tempat resource berada Hirarki lokasi penyimpanan resources pada komputer tersebut Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 28. URL URL berisi nama domain yang mengidentifikasikan suatu komputer yang spesifik di Internet dan sebuah deskripsi hierarkis dari suatu lokasi file pada komputer yang bersangkutan Nama Domain Dikelola oleh InterNIC Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 29. URL Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 30. Domain Name System Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 31. MIME TYPES MIME= Multipurpose Internet Mail Extensions Membedakan top-level types dan sub-type Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 32. MIME TYPES Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 33. Web Application Sistem perangkat lunak yang berdasar pada teknologi-teknologi dan standar-standar W3C (World Wide Web Consortium) yang menyediakan sumberdaya tertentu seperti konten dan layanan-layanan melalui antarmuka web browser Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 34. Kategori Aplikasi Web Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 35. Document-Centric web (1) Bentuk awal aplikasi web Halaman web disimpan dalam web-server dalam keadaan siap pakai (statis) Halaman web diubah secara manual Kerugian Informasi out-of-date Kesulitan dalam peng-update-an informasi Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 36. Document-Centric web (2) Keuntungan Sederhana Stabil Waktu respon singkat, karena halaman2 yang dibutuhkan sudah tersimpan di web server Yang masuk kategori Situs web statis webcast situs web personal Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 37. Interactive Web Berkembang dengan adanya teknologi CGI ( Common Gateway Interface ) dan form-form HTML Halaman web dan link dihasilkan secara dinamis berdasarkan masukan pengguna Yang masuk kategori Virtual exhibitions Situs berita Timetable information Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 38. Transactional web Menyediakan interaktivitas yang lebih dari web interaktif Memungkinkan pengguna melakukan update terhadap isi web tertentu Membutuhkan sistem basisdata Yang masuk kategori Online Banking Online Shopping Booking System Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 39. Workflow-based web Memungkinkan penanganan alur kerja (workflow) inter atau intra perusahaan, pengguna privat, atau public authorities Otomatisasi proses dan operasi Yang masuk kategori B2B (Business-to-Business) e-commerce E-government Aplikasi web kesehatan yang mendukung workflow Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 40. Collaborative web Digunakan untuk kerja sama antar pengguna Biasanya kebutuhan komunikasi antar pengguna sangat tinggi Digunakan untuk saling berbagi informasi dan workspace, melakukan rapat atau membuat keputusan Yang masuk kategori Weblog Wiki E-learning Sistem penjadwalan Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 41. Social Web Pengguna saling berbagi informasi pribadi dengan pengguna lain yang memiliki kesamaan interest Yang masuk kategori ini Situs pertemanan Forum diskusi topik tertentu Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 42. Portal-Oriented Menyediakan 1 pintu akses untuk berbagai sumber informasi dan layanan yang terpisah dan (berpotensi) heterogen Yang masuk kategori Portal bisnis (melalui intranet/extranet) Portal komunitas Marketplace portal Horizontal (B2C, B2B) Vertical (sektor yang sama, misal vendor/suplier ke manufacturer) Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 43. Ubiquitos Situs web yang menyediakan layanan terkustomisasi kapan pun, di manapun dan dapat diakses dengan berbagai peralatan Contoh : menampilkan menu of the day, bagi pengguna yang mengunjungi restoran jam 11-2 siang melaui perangkat mobile Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 44. Semantic Web Bentuk lanjut pengembangan aplikasi web Tujuan : menampilkan informasi yang tidak hanya dapat dibaca manusia, namun juga dapat dipahami oleh mesin Digunakan untuk memfasilitasi knowledge management (menghubungkan dan menggunakan ulang knowledge) content syndication atau Recommender System Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 45. Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 46. Client Side vs Server Side Client-Side Scripting Server-Side Scripting Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 47. Client-Side Scripting Didesain untuk membuat suatu halaman web yang lebih dinamis yang mana halaman tersebut mengadakan interaksi yang tinggi dengan user namun dengan data yang lebih sedikit atau telah tersedia sebelumnya Aplikasi dijalankan/dieksekusi di klien (web browser) Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 48. Client-Side Scripting Contoh penggunaan Aplikasi yang memerlukan banyak interaksi dengan pengguna seperti aplikasi web untuk permainan kartu, kalkulator, dan lain sebagainya Pemeriksaan event pada browser , misalkan pemeriksaan saat tombol klik kanan Contoh : JavaScript, VBScript Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 49. Client-Side Scripting Kekurangan : Amat bergantung pada web browser Tiap-tiap browser memiliki kapabilitas dan kemampuan yang berbeda-beda bahkan untuk sebuah merek browser yang sama namun versi yang berbeda Kelemahan ini tentu menyulitkan, terlebih jika navigasi halaman web banyak menggunakan client-side scripting (misal banyak menggunakan JavaScript sebagai alat bantu navigasi) Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 50. Server-Side Scripting Didesain untuk memproses segala sesuatu yang berhubungan dengan server, seperti lingkungan dari server atau manipulasi data pada basisdata Ciri dari server-side scripting : pengguna tidak dapat melihat script yang dijalankan pada server-side. Pada awal perkembangan, server-side scripting banyak mempergunakan teknologi CGI ( Common Gateway Interface ) Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 51. Server-Side Scripting Contoh : Active Server Pages (ASP) Java Server Pages (JSP) PHP:Hypertext Preprocessor (PHP) ColdFusion (CFM) Pemograman Web (2010/2011) Hari Setiaji, S.Kom
  • 52. Exercises Sebutkan situs-situs web populer (yang sering anda kunjungi) dan kelompokkan ke dalam kategori-kategori web yang ada Pemograman Web (2010/2011) Hari Setiaji, S.Kom

Editor's Notes

  • #2: Who I am and what well do Course upcoming submittals
  • #5: 油 The Internet is a vast collection of inter-connected computer networks connecting computers all over the world. No one knows exactly how many computers are connected to the Internet. It is certain, however, that these number in the millions and are increasing at a rapid pace. 油
  • #6: 3 These networks contain special computers that store information and serve it out as needed to those who connect to them. Serve is a good word because you might have heard of servers thats another name for computers that store information and direct it out to people when they request it. So this network of networks is made up of lots of computers or servers, all over the world, that hold information and ---
  • #7: In spite of the lack of any central control, remarkably, this anarchy by design works exceedingly well. All computers on the Internet communicate with one another using a uniform set of rules which govern the transmitting and receiving of data. This is known as TCP/IP which is an abbreviation for Transmission Control Protocol/Internet Protocol. Computers on the Internet use a client/server architecture. This means that the remote server machine provides files and services to the users local client machine. In other words, the computer we are using to access the Internet is the local client which we use to connect to remote servers.
  • #8: 4 One way to think of and describe the Internet is a connected community of servers and networks. It is a virtual community, but just as cities and towns are linked together by roads and highways, the virtual places on the Internet are linked together by wires, cables and satellite connections. Youve heard the phrase Information Superhighway thats a great way to think of it. To carry that analogy even further you might hear about traffic on the Internet. Sometimes we hear about servers crashing because of too much traffictoo many people trying to get to the same place at the same time. 油 Again, this community is global. It includes servers all over the world, from the United States to Australia from Greenland to Italy.