WEB DESIGN Puji Lestari, M.Kom
WEB DESIGN
Puji Lestari, M.Kom
WORLD WIDE WEB (WWW)
• Dikenal dengan web
• Merupakan salah satu layanan yang
dapat dimanfaatkan oleh pemakai
yang terhubung di internet.
• Web memudahkan pengguna
komputer untuk berinteraksi dengan
pelaku internet lainnya dan
menelusuri ( informasi) di internet
WEBSITE
• Kumpulan halaman web yang
diletakkan dalam satu tempat/situs/site.
Jadi dalam website terdiri dari beberapa
halaman web beserta pendukungnya,
seperti gambar, video dan file digital lain
yang diletakkan dalam satu tempat
yang diidentifikasi melalui nama
domain(domain name) dan alamat IP
Ciri suatu website adalah terdiri atas
halaman-halaman web/web pages
Bagaimana www bekerja??
• Informasi web disimpan dalam dokumen yang
disebut dengan halaman-halaman web (web pages)
• Web page adalah file-file yang disimpan dalam
komputer yang disebut dengan server-server
web(web server)
• Komputer-komputer yang membaca web page
disebut sebagai web client
• Web client menampilkan page dengan
menggunakan program yang disebut dengan
browser web (web Browser)
• Browser web yang terkenal Internet Explorer mozilla
firefox dll
Bagaimana WWW Bekerja?
<HTML>
<H1>WELCOME</H1>
</HTML>
<HTML>
<H1>WELCOME</H1>
</HTML>
Server
Temp File/Memory
Hard Disk
Web Browser
URL.http//…/abc.htm
Welcome
Internet
4
3
2
1
Client
File abc.htm
HTTP Reply
Web Browser
URL.http//…/abc.htm
HTTP “GET”Abc.htm
1
HTTPS
Computer
Browser Web
• Software yang digunakan untuk
menampilkan informasi dari web server
• Server ini telah dikembangkan dengan
menggunakan user interface grafis,
sehingga pemakai dapat melakukan
‘point and click’ untuk pindah antar
dokumen
Bagaimana browser
mengambil pages
• Suatu browser mengambil page dari
server dengan sebuah request standar
yaitu HTTP standar yang berisi sebuah
page address.
• http://www.coba.web.id/page.htm
Bagaimana Browser
Menampilkan Page
• Seluruh page berisi intruksi-intruksi
bagaimana untuk ditampilkan.Browser
menampilkan page dengan membaca
intruksi-intruksi ini.
• Intruksi yang paling umum untuk
menampilkan disebut dengan tag
HTML.
Web Server
Komputer yang digunakan untuk menyimpan
dokumen-dokumen web, komputer ini akan
melayani permintaan dokumen web dari
kliennya.
• Web Browser berkomunikasi dengan web server
melalui jaringan internet menggunakan
HTTP.Browser akan mengirimkan request
kepada server untuk meminta dokumen tertentu
atau layanan lain yang disediakan server.
• Server memberikan dokumen atau layanannya
jika tersedia menggunakan protokol HTTP
TIPE WEB PAGE
Ditinjau dari Interaktivitasnya
• Webpage Statis
Webpage yang halamannya selalu
memiliki tampilan yang sama, saat
diakses oleh bermacam-macam user
• Webpage Dinamis
Webpage dinamis bisa menghasilkan
tampilan yang berbeda-beda tergantung
kepada kondisi user atau kondisi server
Perbedaan Web Statis dan Web Dinamis
• Interaksi antara pengunjung dengan pemilik web
Dalam web statis tidak dimungkinkan terjadinya interaksi antara
pengunjung dengan pemilik web. Sementara dalam web dinamis
terdapat interaksi antara pengunjung dengan pemilik web seperti
memberikan komentar, transaksi online, forum dll
• Adanya script language yang digunakan
Web statis hanya menggunakan HTML saja, sedangkan web dinamis
menggunakan bahasa pemrograman web seperti PHP atau ASP.
• Penggunaan database
Web statis tidak menggunakan database karena tidak ada data yang
perlu disimpan dan diproses. Sedangkan web dinamis menggunakan
database seperti mysql, oracle, dll untuk menyimpan dan memproses
data
• Content
Content dalam web statis hanya diberikan oleh pemilik web dan jarang
diupdate, sementara content dalam web dinamis bisa berasal dari
pengunjung dan lebih sering diupdate
Website Statis dan Dinamis
Website Blog
Untuk menyimpan informasi yang
dimiliki oleh seorang individu atau
perusahaan dan memungkinkan
infromasi tersebut di beri komentar oleh
pengunjung.
Contoh penyedia website blog ini adalah
Blogger.com dan wordpress.com
Website Konten
Website yang menawarkan
informasi yang berguna ke
pembacanya
Misalnya : Slate.com
Website corporate
• Website yang dimiliki oleh perusahaan,
dan digunakan untuk menyampaikan
informasi-informasi dalam berbagai
aspek yang dimiliki oleh perusahaan
atau organisasi tersebut
Website e-commerce
• Sering juga disebut website toko online
yang memungkinkan terjadinya
transaksi barang dan jasa melalui
website tersebut.
Website Komunitas
• Tempat berkumpulnya orang-orang
yang ingin bersosialisasi melalui
pembentukan sebuah komunitas. Di
situs ini user saling bertukar informasi
dan membentuk grup-grup untuk
bersosialisasi. Misalnya : facebook
Website Pemerintahan
• Sejenis corporate website namun
dimiliki oleh institusi pemerintah
Website Forum
• Tempat anggota-anggota yang terdaftar
di forum umum mendiskusikan berbagai
topik yang memungkinkan user saling
berbagi informasi.http://kaskus.com
Website-website diatas ,akan terus
berkembang seiring berkembangnya
teknologi pemrograman website dan
kreativitas pengguna internet serta para
developer pengembang program
Temukan jenis website yang lain……