2 pemrograman internet bedah halaman web

Bedah Website a 'website' anatomy course

Toni Tegar Sahidi [email protected]

STT Stikma Internasional, Malang

SURGERY OVERVIEW #1 Web Browser & Web Server #2 Seribu Website Satu Server #3 Web Statis vs Web Dinamis #4 Halaman Awal Website #5 Anatomi sebuah Website

#1 WEB BROWSER

& WEB SERVER

1/4

web browser

program yang kita pakai untuk

menampilkan sebuah halaman website

Google Chrome Internet Explorer

Opera Safari Mozilla Firefox

Rockmelt SeaMonkey

dll....

web server

software yang berjalan di komputer

server, sebagai tempat menyimpan

dokumen-dokumen web, shingga ia

bisa diakses oleh pengguna web.

Sebuah website, diakses pada web browser dengan mengetikkan “alamat” dari web server

tujuan.

Sebuah website, diakses pada web browser dengan mengetikkan “alamat” dari web server

tujuan.

alamat = nomor IP atau nama domain

domain vs ip

www.google.com 2001:4860:4002:8

00::1013

74.125.227.50

74.125.227.51

74.125.227.52

74.125.227.48

74.125.227.49

setiap alamat IP, (biasanya) merepresentasikan satu buah server

alamat lokal/LAN ≠ alamat internet

http://localhost/tokoonlinesaya

http://www.TokoOnlineSaya.com

demo....

#2 1000 WEBSITE

SATU SERVER

1/4

contoh multiple website

satu server

www.tokoobat.com

www.emailq.com

www.jalanjalan.net

http://kucing.org

www.mantap.com

www.super.tv

118.21.8.9

kok bisa?

“virtual host”

sebuah fitur pada web server yang akan me-redirect request atas alamat

domain tertentu, ke sebuah folder dalam web server tersebut

e.g.

www.super.tv → http://68.9.2.1/www.super.tv www.doremi.us → http://68.9.2.1/www.doremi.us

beda folder

satu server

#3 WEB DINAMIS

VS WEB STATIS

2/4

web statis

statis secara konten! bukan statis secara tampilan

cukup HTML saja. (tak perlu web programming)

mengedit konten = mengedit file html

AMAT SANGAT RIBET...!! (bayangkan situs sekelas detik.com masih statis)

web dinamis

dinamis secara konten & bukan tampilan konten dapat berubah-ubah / dinamis

butuh web programming (PHP, ASP, JSP, dll)

update konten = sesuai pemrogramannya (misal dengan update database)

MEMUDAHKAN..!!

#4 HALAMAN AWAL

WEBSITE

1/4

semisal ketika kita membuka

http://www.sepatuterakhir.com/novel.html

Artinya kita me-request file 'novel.html' yang terdapat di situs

http://www.sepatuterakhir.com

Lah Terus? Jika yang diketik hanya seperti ini? http://www.sepatuterakhir.com

file apa yang sebenarnya di-request & dibuka?

Jawab : tergantung konfigurasi server!

namun secara DEFAULT, umumnya adalah file index.php, index.html, home.html, dll.

#5 ANATOMY OF A

WEBSITE

1/4

Anatomy of a Website

HTML → CORE of a WEBSITE

CSS → untuk layouting

JavaScript → untuk interaktifitas

Text Content (Artikel, dlsb)

Media Content (images,flash,etc)

Binary Content (applet Java,dll)

CARA MELAKUKAN OPERASI BEDAH INSTAN

PADA WEBSITE

klik kanan pada halaman website lalu pilih 'View Page Source'

CARA LAIN Pada halaman web yang tengah dibuka,

pada keyboard silakan tekan 'Ctrl U' secara bersamaan

Akan ditampilkan Source Code

dari Website yang Anda buka

next session

HTML DASAR