Post on 14-Jan-2016
description
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 : nuraini@staff.gunadarma.ac.id nur_aini89@yahoo.co.id 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
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.
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