Review Pemrograman Web I

(1)

Review

Pemrograman

Web

I

Pemrograman

Web

II

(2)

Intro

z

Mata kuliah

: Pemrograman Web 2

z

SKS :

3 z

Jenis

: Mata kuliah wajib

z

Pertemuan

: 14 pertemuan kelas

z

Periode

: Ganjil 2010 – 2011

(3)

Aturan

Perkuliahan

z

Kehadiran minimal : 60%

z

Sudah termasuk sakit, izin.

z

Komponen penilaian :

z

Tugas + Quiz

: 20%

z

UTS :

25%

z

UAS :

30%

z

Praktikum :

25%

z

Kehadiran

: 10%

(4)

Silabus

Perkuliahan

z

Web Dinamis

z

Server Side Scripting (PHP)

z

PHP + MySQL

(5)

(6)

Pengenalan

Internet

z

Apa itu internet ?

z

Dua atau lebih komputer yang berhubungan menggunakan

jaringan komputer di dunia (world-wide) yang saling

berkomunikasi, berinteraksi, dan bertukar informasi.

z

Menggunakan standarisasi protokol TCP/IP

(7)

Pemanfaatan

Internet

z

File

sharing

z

Web

z

Email

z

Chating

z

VoIP

z

Teleconference

z

Remoting

(akses

jarak

jauh)

(8)

Hypertext

Transfer

(9)

World

Wide

Web

(www)

z

Layanan internet

yang

didapatkan oleh pemakai komputer

yang

terhubung ke internet.

z

Suatu standarisasi agar

dapat berkomunikasi antara satu

dengan yang

lain.

z

Sistem terdistribusi (Client &

Server)

dalam skala besar.

(10)

Hypertext

Transfer

Protocol

z

Protokol yang

dipergunakan untuk mentransfer dokumen

dalam

Word

Wide

Web

(http://)

z

HTTP

request

dikirimkan dari browser

pengguna ke server

HTTP

dan

kemudian

hasilnya

adalah

sebuah halaman web

(11)

Hypertext

Transfer

Protocol

Secure

z

HTTPS,

adalah

kombinasi

dari

HTTP

dengan

protokol

SSL/TLS

untuk

menjalin

koneksi

yang

terenkripsi

(aman)

dan

mengindentifikasi

keaslian

server.

z

Koneksi

HTTPS

biasanya

digunakan

untuk

transaksi

pembayaran

pada

website,

atau

transaksi

sensitif

suatu

sistem

informasi

di

perusahaan.

SSL/TLS

Adalah

protokol

kriptografi,

yang

menyediakan

keamanan

untuk

(12)

File

Transfer

Protocol

(FTP)

z

FTP

adalah

standar

protokol

jaringan

yang

digunakan

untuk

pertukaran

dan

manipulasi

file

melalui

protokol

TCP/IP,

seperti

Internet.

z

Biasanya

digunakan

untuk

mengirim

file

dari

client

ke

server,

atau

men

‐

download

file

dari

server

ke

client.

(13)

Uniform

Resource

Locator

(URL)

z

Alamat dari sebuah

resource

yang

dapat diakses di

Internet.

z

URL

secara

umum

terdiri

dari

:

z

Jenis Protokol

z

Alamat IP

/

nama domain

z

Nama file

z

Contoh

:

z

http://www.sandhikagalih. net/index.php

(14)

Domain

Name

System

(DNS)

z

Versi

teks

dari

IP

Address.

z

Setiap nama domain

memiliki IP

Address

yang

unik yang

terasosiasi dengannya.

z

Untuk

mempermudah

pengguna

untuk

mengakses suatu

(15)

Top

Level

Domain

z

.com

→

commercial

z

.edu

→

educational

z

.gov

→

government

z

.mil

→

military

z

.net

→

networking

z

.org

→

nonprofit

organization

z

.biz

→

bussines

z

.info

→

multi

purposes

z

.co

→

corporate

z

.ac

→

academic

z

.co.id

z

.web.id

regional

z

.ac.id

(16)

Second

Level

Domain

(Sub

Domain)

z

teknik.unpas.ac.id

z

teknik

adalah

sub

domain

dari

unpas.ac.id

z

mail.yahoo.com

(17)

Web

Programming

z

Client

Side

Scripting

z

HTML

z

Javascript

z

CSS

z

Server

Side

Scripting

z

PHP

z

ASP

(18)

Web

Application

z

Web

Statis

z

Dibentuk menggunakan client

side

scripting (HTML,

CSS,

Javascript).

Update dilakukan secara manual

dan

melakukan perubahan terhadap

script

halaman tersebut.

(19)

HTML

HyperText

Markup

Language

(20)

HTML

HTML?

z

Sebuah bahasa markup

yang

digunakan untuk membuat sebuah

halaman web

dan menampilkan berbagai

informasi

di

dalam

sebuah

browser.

z

HTML

berupa kode

‐

kode tag

yang

menginstruksikan browser

(21)

• Document

Information

<html></html>

• Document

Header

<head></head>

• Document

Body

<body></body>

Struktur

HTML

(22)

Struktur

Standar

Dokumen

HTML

<html>

<head>

...

</head>

<body>

(23)

<body bgcolor = “blue”>

tag

attribute

attribute value

element

(24)

Penulisan

Tag

z

Tag

pembuka

z

<

>

z

Tag

penutup

z

</

>

Contoh

:

<p>Ini

paragraf</p>

(25)

Ö

Untuk memuat gambar ke dalam halaman web.

contoh

:

<img src=“logo-unpas.jpg” />

Tag

image

memiliki beberapa attribute

antara lain

:

• src

→

lokasi gambar yang

akan ditampilkan

• width

→

ukuran lebar gambar

• height

→

ukuran tinggi gambar

• alt

→

deskripsi tentang gambar

• title

→

judul gambar

(26)

Ö

Dipergunakan untuk menghubungkan (linking)

text

dan

image

ke

halaman

lain

atau

bagian

tertentu

dari

halaman yang

sama dalam

satu website

atau website

yang

lain.

cth :

• Link

ke

halaman

website

lain

<a href=“http://sandhikagalih.net”>website</a>

(27)

Tabel

z

Digunakan untuk menyajikan data

dalam bentuk kolom dan baris,

tujuannya agar

informasi

dapat ditampilkan secara lebih terstruktur dan tabular.

row

column

cell

(28)

Elemen

pada

Tabel

Elemen

Penjelasan

<table> … </table>

_{Mendefinisikan sebuah tabel dalam}

_{dokumen HTML.}

Atribut :

border,

cellpadding,

cellspacing

<th> … </th>

_{Membuat judul kolom}

<tr> … </tr>

_{Mendefinisikan baris dalam tabel.}

Atribut :

align

(left,

center,

right),

valign

(top,

middle,

(29)

Colspan

&

Rowspan

z

Colspan

z

Menggabungkan beberapa cell

(column)

dalam satu baris.

z

Rowspan

(30)

(31)

Cellspacing

&

Cellpadding

z

Cellspacing

z

Jarak antara satu cell

dengan cell

yang

lain.

z

Cellpadding

(32)

Div

Tag

z

Digunakan untuk membungkus tag

‐

tag

lain

agar

memiliki perilaku

yang

sama.

<div style:”color:red”>

<h3>Pemrograman Web</h3>

<p>ini adalah kuliah pemrograman web</p>

</div>

(33)

Div

Tag

z

Digunakan sebagai sistem blok untuk membuat lapisan layout

pada halaman.

<div id=”header”>

...

</div>

<div id=”content”>

...

</div>

<div id=”footer”>

...

</div>

(34)

HTML

Form

z

Elemen HTML

yang

digunakan untuk menerima bermacam

‐

macam

masukan (input)

dari pengguna web.

(35)

Form

Tag

z

Sebuah tag

yang

membungkus elemen

‐

elemen input

di

dalamnya dan berfungsi mengirim data

input

ke server.

<form>

.

elemen input

.

(36)

Atribut

Form

z

Atribut

Form

:

z

Action

:

Lokasi

script

yang

memproses

data

dari

form.

z

Enctype

:

Mendefinsikan

cara

encoding

data

sebelum

dikirimkan.

Biasanya

digunakan

jika

ingin

meng

‐

upload

file.

z

Method

:

Metode

pengiriman

data.

z

GET

:

Data

dikirimkan

bersama

URL.

(37)

Elemen

Input

Form

z

Macam macam komponen input

:

z

Textfield

z

Password

z

Checkbox

z

Radio button

z

Listbox

z

Combobox

z

Text

Area

z

File

(38)

Elemen

Input

:

Text

Field

z

Digunakan untuk memasukan huruf,

angka,

karakter,

dll ke dalam sebuah

form.

(39)

Elemen

Input

:

Password

z

Digunakan untuk menyembunyikan karakter masukan.

Contoh tag

:

(40)

Elemen

Input

:

Combo

box

z

Digunakan untuk melakukan satu pemilihan diantara 2

atau lebih data

menggunakan drop

‐

down.

Contoh tag

:

(41)

Elemen

Input

:

File

z

Digunakan

untuk

memilih

atau

membuka

file.

Contoh tag

:

Contoh hasil :

Tipe

Encoding dari

form

harus

ditentukan

(42)

Elemen

Tombol

:

Submit

z

Tombol yang

berfungsi secara otomatis mengirim data

yang

di

‐

input

‐

kan

di dalam form

ke halaman ‘action’.

Contoh tag

:

(43)

TERIMA

KASIH

Untuk

lebih

jelas

mengenai

materi

HTML

silahkan

buka

kembali