Transcript Web dinamis

Aplikasi Web
Eka Ismantohadi
EIH/Pengantar Sistem Informasi
1
Jaringan Komputer

Hubungan antara dua komputer atau lebih
yang ditujukan untuk berbagi informasi
atau berbagai perangkat keras
Modem
A
Hard disk
B
C
CD-ROM drive
Printer
D
EIH/Pengantar Sistem Informasi
2
Jaringan Komputer
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)

EIH/Pengantar Sistem Informasi
3
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
EIH/Pengantar Sistem Informasi
4
Internet

Jaringan
tersusun atas
berbagai jenis
komputer dan
sistem operasi
Mac
(dengan MacOS)
PC
(dengan Windows)
Internet
Mini HP
(dengan UNIX)
EIH/Pengantar Sistem Informasi
Lain-lain
PC
(dengan Linux)
5
Sumber Daya Internet
.
Keterangan
Sumber Daya
e-mail
Digunakan untuk melakukan pertukaran surat elektronis
Usenet Newsgroup
Forum diskusi
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
EIH/Pengantar Sistem Informasi
6
Sumber Daya Internet
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
World Wide Web
Sistem yang memungkinkan pengaksesan informasi
dalam Internet melalui pendekatan hypertext
EIH/Pengantar Sistem Informasi
7
Intranet
Jaringan komputer dalam sebuah
perusahaan yang menggunakan teknologi
Internet, sehingga terbentuk lingkungan
yang seperti Internet tetapi bersifat privat
bagi perusahaan bersangkutan
 Kadangkala Intranet juga dihubungkan ke
jaringan Internet, dengan dilengkapi
firewall

EIH/Pengantar Sistem Informasi
8
Intranet (Lanjutan)

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
EIH/Pengantar Sistem Informasi
9
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
Perusahaan
Pelanggan
Extranet
Pemasok
EIH/Pengantar Sistem Informasi
Mitra Kerja
10
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
EIH/Pengantar Sistem Informasi
11
Aplikasi Web / website

Website adalah kumpulan dari halaman-halaman situs,
yang biasanya terangkum dalam sebuah domain atau
subdomain, yang tempatnya berada di dalam World Wide
Web adalah dokumen yang ditulis dalam format(WWW) di
Internet. Sebuah halaman webHTML (Hyper Text Markup
Language), yang hampir selalu bisa diakses melalui HTTP,
yaitu protokol yang menyampaikan informasi dari
server website untuk ditampilkan kepada para pemakai
melalui web browser. Semua publikasi dari website-website
tersebut dapat membentuk sebuah jaringan informasi yang
sangat besar. Website sendiri terdapat 2 macam yaitu web
statis dan web dinamis.
EIH/Pengantar Sistem Informasi
12
Aplikasi Web

Aplikasi Web dapat dibagi menjadi 2
macam:
Web Statis dan
2. Web Dinamis
1.
EIH/Pengantar Sistem Informasi
13

Web Statis adalah website yang kontennya statis / tidak
berubah-rubah. Website statis ini persis seperti koran,
majalah, dan brosur. Bedanya, koran, majalah, dan brosur
adalah sebuah media cetak sedangkan website statis di
host dan diakses melalui internet. Sekali website statis di
online kan di internet, umumnya jarang sekali website
tersebut merubah kontennya. Seringkali website statis ini
disusun dari html polos yang antar halamannya
dihubungkan dengan hyperlink tanpa pemrograman disisi
server karena tujuannya adalah ’sebatas' menampilkan
informasi di internet. Aplikasi dari website statis sering kali
kita temukan di website company profile, personal
profile, website penawaran produk, dan semua website
yang bertujuan melakukan komunikasi satu arah dari
pemilik website ke pengunjung tanpa diperlukan interaksi.
EIH/Pengantar Sistem Informasi
14
Web statis dibentuk dengan menggunakan
HTML saja
 Kekurangan Web statis terletak pada
keharusan untuk memelihara halaman
Web secara terus-menerus setiap ada
perubahan informasi

EIH/Pengantar Sistem Informasi
15
Prinsip Kerja Web Berbasis HTML
1.
2.
3.
4.
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
EIH/Pengantar Sistem Informasi
16
Prinsip Kerja Web Berbasis HTML
Web
server
Kode HTML
Permintaan HTTP
(sesuatu.html)
Tanggapan
HTTP
Browser
Klien
EIH/Pengantar Sistem Informasi
17
Contoh web statis
EIH/Pengantar Sistem Informasi
18

Web dinamis adalah website yang kontennya berubah –
rubah. Aplikasi dari website dinamis ini sering kali kita
temukan di internet dewasa ini: Portal berita, blog,situs social
networking, dll. Website dinamis selalu memiliki program yang
bekerja di sisi server karena dalam rentang waktu tertentu
konten dari website tersebut berubah. Jadi, salah satu ciri dari
website dinamis adalah adanya program yang berjalan disisi
server untuk memanage perubahan data yang ditampilkan
oleh website dinamis tersebut.
EIH/Pengantar Sistem Informasi
19




Pada 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.
EIH/Pengantar Sistem Informasi
20
Prinsip Kerja Web Dinamis
(Contoh dengan PHP)
Web
server
Skrip PHP
Permintaan HTTP
(sesuatu.php)
Mesin PHP
Browser
Kode HTML
Tanggapan
HTTP
Klien
EIH/Pengantar Sistem Informasi
21
Teknologi Web

Teknologi untuk membentuk aplikasi
Web yang dinamis :
Teknologi pada sisi klien (client-side
technology)
2. Teknologi pada sisi server (server-side
technology)
1.
EIH/Pengantar Sistem Informasi
22
Contoh web dinamis
Web dinamis ini banyak sekali bertebaran di internet
seperti :
Web Berita,
Personal Blog,
Toko Online/Web,
Pasang Iklan online, dll.
EIH/Pengantar Sistem Informasi
23
Terima kasih
EIH/Pengantar Sistem Informasi
24