Top Banner
WEB DESIGN Puji Lestari, M.Kom
20

Web Design (1) by Ibu Puji Lestari

Jan 04, 2016

Download

Documents

Mei

Penjelasan singkat tentang apa itu website
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Web Design (1) by Ibu Puji Lestari

WEB DESIGN

Puji Lestari, M.Kom

Page 2: Web Design (1) by Ibu Puji Lestari

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

Page 3: Web Design (1) by Ibu Puji Lestari

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

Page 4: Web Design (1) by Ibu Puji Lestari

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

Page 5: Web Design (1) by Ibu Puji Lestari

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

Page 6: Web Design (1) by Ibu Puji Lestari

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

Page 7: Web Design (1) by Ibu Puji Lestari

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

Page 8: Web Design (1) by Ibu Puji Lestari

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.

Page 9: Web Design (1) by Ibu Puji Lestari

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

Page 10: Web Design (1) by Ibu Puji Lestari

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

Page 11: Web Design (1) by Ibu Puji Lestari

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

Page 12: Web Design (1) by Ibu Puji Lestari

Website Statis dan Dinamis

Page 13: Web Design (1) by Ibu Puji Lestari

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

Page 14: Web Design (1) by Ibu Puji Lestari

Website Konten

Website yang menawarkan

informasi yang berguna ke

pembacanya

Misalnya : Slate.com

Page 15: Web Design (1) by Ibu Puji Lestari

Website corporate

• Website yang dimiliki oleh perusahaan,

dan digunakan untuk menyampaikan

informasi-informasi dalam berbagai

aspek yang dimiliki oleh perusahaan

atau organisasi tersebut

Page 16: Web Design (1) by Ibu Puji Lestari

Website e-commerce

• Sering juga disebut website toko online

yang memungkinkan terjadinya

transaksi barang dan jasa melalui

website tersebut.

Page 17: Web Design (1) by Ibu Puji Lestari

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

Page 18: Web Design (1) by Ibu Puji Lestari

Website Pemerintahan

• Sejenis corporate website namun

dimiliki oleh institusi pemerintah

Page 19: Web Design (1) by Ibu Puji Lestari

Website Forum

• Tempat anggota-anggota yang terdaftar

di forum umum mendiskusikan berbagai

topik yang memungkinkan user saling

berbagi informasi.http://kaskus.com

Page 20: Web Design (1) by Ibu Puji Lestari

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……