SLIDE 1 PERKENALAN P.WEB -
advertisement
ATA 2012/2013 PEMROGRAMAN WEB OVERVIEW DOSEN Position Contact Address Phone Handphone Email Homepage : Staff Pengajar & Asisten Tetap Lab TI : Laboratorium Teknik Informatika J1222 Jl. K.H. Noer Ali – Kalimalang, Kampus J1 : 021-88860118, ext 122 : 085710462194 : [email protected] [email protected] : http://staff.gunadarma.ac.id/nuraini http://facebook.com/nuraini.purwandari Peraturan & Nilai 1. 2. 3. 4. Tugas Presentasi Kelompok Kuis min. 2x UTS (PG+Essai) Absensi & Keaktifan Note : Catatan, softcopy slide, fotocopyan, download materi selama perkuliahan . SAP PEMROGRAMAN WEB 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Pengenalan Internet Konsep Pemrograman Web HTML dan XHTML Cascading Style Sheet (CSS) JavaScript XML PHP Konsep Basis Data di Web (MY SQL) Integrasi PHP dan My SQL 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 (multimedia), • 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
