pemrograman web

PEMROGRAMANWEB

ATA 2012/2013

OVERVIEW DOSEN Position : Staff Pengajar & Asisten Tetap Lab

TI Contact Address : Laboratorium Teknik Informatika

J1222 Jl. K.H. Noer Ali – Kalimalang,

Kampus J1 Phone : 021-88860118, ext 122 Handphone : 085710462194 Email : [email protected] [email protected] Homepage : http://staff.gunadarma.ac.id/nuraini

http://facebook.com/nuraini.purwandari

Peraturan & Nilai

1. Tugas Presentasi Kelompok 2. Kuis min. 2x3. UTS (PG+Essai)4. Absensi & Keaktifan

Note : Catatan, softcopy slide, fotocopyan, download materi selama perkuliahan .

SAP PEMROGRAMAN WEB

1. Pengenalan Internet2. Konsep Pemrograman Web3. HTML dan XHTML4. Cascading Style Sheet (CSS)5. JavaScript6. XML7. PHP8. Konsep Basis Data di Web (MY SQL)9. Integrasi PHP dan My SQL10. Content Management System (CMS)

http://nuraini.staff.gunadarma.ac.id/http://sap.gunadarma.ac.id

http://sap.gunadarma.ac.id/

PEMBAHASAN

• Pengenalan dan Sejarah Internet• Mengenal Konsep Client Server• Mengetahui Karakteristik HTTP• Memahami HTML dan operasi-

operasinya• Membuat program sederhana

HTML

Pengenalan Internet

• Proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network)

• Proyek ARPANET : Merancang bentuk jaringan Kehandalan seberapa besar informasi dapat dipindahkan Menentukan Standart – standar lainnya

• Proyek ARPANET = cikal - bakal pembangunan protokol baru (TCP/IP)• Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu

Stanford Research Institute, University of California, Santa Barbara, University of Utah, di mana mereka membentuk satu jaringan terpadu di tahun 1969, dan secara umum ARPANET diperkenalkan pada bulan Oktober 1972.

http://id.wikipedia.org/wiki/ARPANET

http://id.wikipedia.org/w/index.php?title=Stanford_Research_Institute&action=edit&redlink=1

http://id.wikipedia.org/w/index.php?title=University_of_California&action=edit&redlink=1

Pengenalan Internet (Lanj.)

• ARPANET dipecah manjadi dua, yaitu "MILNET" untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA Internet, yang kemudian disederhanakan menjadi Internet.

• Dapat disimpulkan, INTERNET adalah : kumpulan yang luas dari jaringan komputer besar dan kecil yang saling berhubungan menggunakan saluran komunikasi di seluruh dunia.

• Internet merupakan gabungan dari jaringan-jaringan regional seperti SuraNet, PrepNet, NearNet, AARNET yang saling dihubungkan dengan TCP/IP. Seluruh aktivitas dijalankan secara real-time, saling berkomunikasi melalui gateway atau terkadang router.

Konsep Client Server

• Client = nasabah dan Server = pelayan• Client adalah komputer yang mengakses beberapa service• Server adalah komputer yang dapat memberikan service

Karakteristik Client Server

• Karakteristik Client

– Aktif– Mengirim request– Menunggu dan menerima balasan dari server

• Karakteristik Server

– Pasif– Menunggu request– Menerima request, memproses mereka dan

mengirimkan balasan berupa service

Karakteristik HTTP

Karakteristik dari hypertext adalah • bersifat non-sekuensial (non- linier),• ditampilkan dalam media elektronik,• bisa digabungkan dengan berbagai media (multi-

media),• interaktif terhadap pembaca.• HTTP kepanjangan dari Hyper Text Transfer Protocol.

Adalah sebuah protocol yang biasa digunakan bersama World Wide Web (WWW).

Dasar-dasar HTML dan Operasi

• HTML adalah kepanjangan dari Hyper Text Markup Language, merupakan suatu format yang digunakan untuk menampilkan dokumen pada WWW (World Wide Web).

• Bentuk Umum penulisan dokumen HTML :

Dasar-dasar HTML

• Aturan dasar pembuatan HTML adalah :1. Setiap tag HTML harus diapit oleh tanda lebih besar dan lebih

kecil <………>2. Tag yang dituliskan dapat berupa huruf kecil ataupun huruf

kapital.3. Hampir semua tag adalah tag berpasangan. Tag awal ditandai

dengan <……> dan tag akhir diikuti dengan tag slash-nya </……> Contoh : <HEAD>……</HEAD>

4. File dokumen HTML harus disimpan sebagai file teks murni, dengan menggunakan file ekstensi html atau htm.

Dasar-dasar HTML (Lanj)

• TAG-TAG HTML antara lain:– <A….</A> membuat tulisan dapat di “klik”– <H>…</H> mencetak heading– <P>….</P> batas paragraph– <U>…</U> cetak dengan garis bawah – <A HREF=”URL”>DOK</A> membuat hyperlink– <IMG SRC =”ug.jpeg” ALT =”gambar”> memasukkan

gambar.• Order List<OL> <LI>…… <LI>…… </OL>

Contoh Program HTML

LATIHAN

pemrograman web

Documents