34
SQ - http://sidiq.mercubuana-yogya.ac.id - [email protected] P9 Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Mercu Buana Yogyakarta

Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

SQ - http://sidiq.mercubuana-yogya.ac.id - [email protected]

P9Aplikasi Web

TIF40

A. Sidiq P.

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Mercu Buana Yogyakarta

Page 2: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Jaringan Komputer

• Hubungan antara dua komputer atau lebih yang ditujukan untuk berbagi informasi atau berbagai perangkat keras

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 3: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Hubungan antara satu jaringan dengan jaringan lain disebut dengan internetworking (antarjaringan) atau biasa disebut dengan internet

• Catatan: dalam konteks ini huruf i berupa huruf kecil (Jadi berbeda dengan Internet)

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 4: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Internet

• Internet merupakan contoh jaringan terbesar yang menghubungkan jutaan komputer yang tersebar di seluruh penjuru dunia dan tak terikat pada satu organisasipun

• Siapa saja dapat bergabung pada Internet

• Dengan menggunakan jaringan ini, sebuah organisasi dapat melakukan pertukaran informasi secara internal ataupun melakukan pertukaran informasi secara eksternal dengan organisasi-organisasi yang lain

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 5: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Jaringan tersusun atas berbagai jenis komputer dan sistem operasi

Mac

(dengan MacOS)

PC

(dengan Windows)

PC

(dengan Linux) Mini HP

(dengan UNIX) Lain-lain

Internet

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 6: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

https://www.isc.org/network/survey/

Page 7: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Sumber: www.apjii.or.id

Internet di Indonesia

Page 8: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Sumber Daya Internet

Sumber Daya Keterangan

e-mail Digunakan untuk melakukan pertukaran surat elektronis

Usenet Newsgroup Forum diskusi

LISTSERV Kelompok diskusi dengan menggunakan surat elektronis

IRC (Internet Relay Chat) Fasilitas yang memungkinkan pemakai melakukan percakapan dalam bentuk bahasa tertulis secara interktif

Telnet Fasilitas yang memungkinkan pemakai melalkukan koneksi (login) ke suatu sistem komputer

FTP (File Transfer Protocol) Sarana untuk melakukan transfer berkas dari komputer lokal ke suatu komputer lain atau sebaliknya

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

.

Page 9: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Sumber Daya Keterangan

Gopher Perangkat yang memungkinkan pemakai untuk menemukan informasi yang terdapat pada server gopher melalui menu yangh bersifat hierarkis

Archie Perangkat yang dapat digunakan untuk melakukan pencarian berkas pada situs FTP

Veronica (Very Easy Rodent-Oriented Netwide Index to Computer Archieves)

Merupakan kemampuan tambahan yang dipakai untuk melakukan pencarian pada sistus-situs gopher

WAIS (Wide Area Information Servers)

Perangkat yang digunakan untuk melakukan pencarian data pada Internet yang dilaksanakan dengan menyebutkan nama basis data dan kata kunci yang dicari

World Wide Web Sistem yang memungkinkan pengaksesan informasi dalam Internet melalui pendekatan hypertext

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 10: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

World Wide Web

• Sistem pengaksesan informasi dalam Internet yang paling terkenal dan biasa dikenal dengan istilah Web

• Web menggunakan protokol yang disebut HTTP (HyperText Transfer Protocol)

• Dokumen Web ditulis dalam format HTML (HyperText Markup Language)

• Dokumen ini diletakkan dalam Web server dan diakses oleh klien (Pengakses informasi) melalui perangkat lunak yang disebut Web browser atau sering disebut browser saja

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 11: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Intranet

• Jaringan komputer dalam sebuah perusahaan yang menggunakan teknologi Internet, sehingga terbentuk lingkungan yang seperti Internet tetapi bersifat privat bagi perusahaan bersangkutan

• Kadangkala Internet juga dihubungkan ke jaringan Internet, dengan dilengkapi firewall

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 12: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Firewall adalah program yang dijalankan pada komputer yang berkedudukan sebagai server dengan tujuan untuk mencegah akses Intranet dari Internet, tetapi memungkinkan pemakai di dalam Intranet mengakses Internet

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 13: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Extranet

• Jaringan yang menggunakan teknologi Internet untuk membentuk hubungan antara perusahaan, pemasok, mitra kerja, pelanggan, dan lain-lain dalam rangka untuk mendukung operasi atau pengaksesan informasi bisnis

Pemasok

Perusahaan

Pelanggan

Mitra Kerja

Extranet

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 14: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

e-Business

• Penggunaan teknologi Internet untuk menghubungkan dan memperkuat proses-proses bisnis, perdagangan elektronis (electronic commerce atau e-commerce), dan komunikasi serta kolaborasi antar sebuah perusahaan dengan para pelanggan, pemasok, dan mitra kerja bisnis elektronis lainnya (O’Brien)

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 15: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Cakupan e-Business

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Aplikasi

Bisnis

Elektronis

Jaringan dan

Telekomunikasi Internet

Intranet

Ekstranet

Jaringan lain

Perdagangan

Elektronis

(e-Commerce)

Komunikasi dan

Kolaborasi

Perusahaan

Sistem

Bisnis

Internal

Page 16: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Aplikasi Komunikasi dan Kolaborasi Perusahaan

• Digunakan untuk mendukung komunikasi, koordinasi, dan kolaborasi para anggota tim bisnis dalam perusahaan

• Contoh, para pegawai dan konsultan yang terlibat dalam sebuah proyek bisa menggunakan jaringan Internet, Intranet, atau bahkan Extranet untuk saling berkomunikasi

• Komponen pendukung: e-mail, v-mail, forum diskusi, sistem chat, konferensi suara dan video, sistem pertemuan elektronis

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 17: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Aplikasi Bisnis Internal

• Digunakan untuk mendukung kegiatan, proses, dan operasi bisnis yang bersifat internal bagi perusahaan

• Contoh:• Pemrosesan transaksi internal

• Enterprise information portal

• Sistem pendukung manajemen

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 18: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

E-Commerce

• Aplikasi perdagangan elektronis digunakan untuk mendukung kegiatan pembelian dan penjualan, pemasaran produk, jasa, dan informasi melalui Internet

• Contoh penerapan:• Electronic Funds Transfer (EFT)

• Lelang online

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 19: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• E-commerce dibagi menjadi dua jenis: • B2B dan

• B2C

Pemasok

Pemasok

Pelanggan

Pelanggan

Perusahaan

Pemasok

Pelanggan

B2B B2C

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 20: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

B2B (Business-to-Business)

• Menyatakan penjualan produk atau jasa yang melibatkan antarperusahaan dan dilakukan dengan sistem otomasi

• Umumnya perusahaan yang terlibat adalah pemasok, distributor, pabrik, tokok, dan lain-lain

• Kebanyakan transaksi berlangsung secara langsung antara dua sistem

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 21: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Keuntungan B2B, jika dikerjakan dengan benar, dapat menghemat biaya, meningkatkan pendapatan, memberikan pengiriman yang lebih cepat, mengurangi biaya administrasi, dan meningkatkan layanan kepada pelanggan (Karper dan Ellis)

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 22: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

B2C (Business-to-Consumer)

• Melibatkan interaksi dan transaksi antara sebuah perusahaan dengan para pelanggan

• Keunggulan B2C dibandingkan dengan penjualan konvensional melalui toko fisik adalah memungkinkan layanan selama 24 jam

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 23: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Perkembangan Berikutnya

• C2B• Membeli pulsa

• Membayar tagihan listrik

• C2C• Lelang online

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 24: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Aplikasi Web

• Aplikasi Web dapat dibagi menjadi 2 macam:• Web Statis

• Web Dinamis

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 25: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Web Statis• Web statis dibentuk dengan menggunakan HTML saja

• Kekurangan Web statis terletak pada keharusan untuk memelihara halaman Web secara terus-menerus setiap ada perubahan informasi

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 26: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Web Dinamis• Isi halaman bersifat dinamis, dapat mengikuti perubahan isi database• Pengertian Web dinamis terkadang diartikan sebagai halaman Web yang

dilengkapi dengan gambar-gambar bergerak• Web dinamis dapat digunakan untuk membentuk aplikasi interaktif, yang

memungkinkan pemakai tak hanya memperoleh informasi terkini tetapi juga dapat melakukan perubahan data. Misalnya:• Untuk pengisian KRS• Perubahan data pribadi• Pengisian berita baru• dll

• Web dinamis dibentuk dengan menambahkan perangkat lunak tambahan, seperti ASP atau PHP

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 27: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Prinsip Kerja Web Statis (HTML)

• Browser meminta sebuah halaman ke suatu situs

• Permintaan diterima oleh Web server (server yang bertanggung jawab melayani permintaan browser)

• Web server segera mengirimkan halaman HTML yang diminta ke klien)

• Browser pada klien segera menampilkan dokumen HTML berdasarkan kode-kode yang terdapat pada HTML

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 28: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Klien

Web

server

Browser

Permintaan HTTP

(sesuatu.html)

Kode HTML

Tanggapan

HTTP

Page 29: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Prinsip Kerja Web Dinamis (Ex : PHP)

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Klien

Web

server

Browser

Permintaan HTTP

(sesuatu.php)

Kode HTML

Tanggapan

HTTP

Skrip PHP

Mesin PHP

Page 30: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Teknologi Web

• Teknologi untuk membentuk aplikasi Web yang dinamis :• Teknologi pada sisi klien (client-side technology)

• Teknologi pada sisi server (server-side technology)

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 31: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Teknologi pada Sisi Klien• Kontrol Active X

• Java applet

• Client-side script (JavaScript dan VBScript)

• DHTML (CSS / Cascading Style Sheets)

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 32: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

• Teknologi pada Sisi Server• CGI

• FastCGI

• Proprietary Web Server API (ISAPI dan NSAPI)

• Active Server Pages (ASP)

• Java Server Pages (JSP) dan Java Servlets

• Server-side JavaScript

• PHP

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 33: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Teknologi Ajax

• Asynchronous JavaScript and XML

• Suatu pendekatan yang memungkinkan pemrosesan secara interaktif tanpa melalui “refresh” halaman

SQ - http://sidiq.mercubuana-yogya.ac.id -

[email protected]

Page 34: Aplikasi Web TIF40 - ebook.repo.mercubuana-yogya.ac.idebook.repo.mercubuana-yogya.ac.id/FTI/...Aplikasi... · Aplikasi Web TIF40 A. Sidiq P. Program Studi Teknik Informatika ... •Internet

Daftar Pustaka

Kadir, A., 2006 , Pengenalan Sistem Informasi, Ygyakarta : Penerbit Andi.

SQ - http://sidiq.mercubuana-yogya.ac.id - [email protected]