• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Internet dan Web
 

Internet dan Web

on

  • 1,837 views

..:: Materi Kelas Pemograman Web ::..

..:: Materi Kelas Pemograman Web ::..
Materi terkait Sejarah, Arsitektur dan Aplikasi dari Internet. Dan juga membahas pengenalan dari web berikut komponen pendukungnya.

Statistics

Views

Total Views
1,837
Views on SlideShare
1,837
Embed Views
0

Actions

Likes
1
Downloads
195
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Trims banyak yaaaa..
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Who I am and what we’ll do Course upcoming submittals
  •   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.  
  • 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 – that’s 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 ---
  • 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 user’s 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.
  • 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. You’ve heard the phrase “Information Superhighway” – that’s 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 traffic—too 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.

Internet dan Web Internet dan Web Presentation Transcript

  • 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.
    • It’s 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
  • Here’s 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