TUGAS KE- 10 Konsep Pemrograman Web
Web adalah suatu ruang informasi dimana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resourse Identifier (URI).
· WWW sering dianggap identik dengan internet dan merupakan bagian dari padanya.
· Heperteks dilihat dengan sebuah program browser web yang mengambil informasi (disebut “dokumen” atau halaman “web” ) dari suatu server web dan menampilkannya biasanya di sebuah monitor.
· Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut “situsweb”.
· Halaman web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka atau dilihat dengan internet browser.
· Kegiatan pindah halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya sering disebut “surfing” atau “berselancar”
· Halaman-halaman sebuah situs web diakses dari sebuah URL (Uniform Resaurce Locator) yang menjadi “akar’ (root), yang disebut homepage, dan biasanya disimpan dalam server yang sama
· Tidak semua situs web dapat diakses dengan grafis, beberapa situs web memerlukan pembayaran, misalnya situs-situs berita, layanan surat elektronik (e-mail), dan lain-lain.
A. Internet Web Browser
Browser adalah sebuah program aplikasi atau software yang me-request dokumen-dokumen dari computer-komputer yang terkoneksi internet (server) di seluruh dunia, dan menampilkan informasi dari dokumen tersebut pada window browser.
Browser menampilkan sesuai instruksi (format) HTML yang dibuat pada dokumen tersebut.
B. Konsep Pemrograman Web
· Pemrograman web : membuat aplikasi berbasis web
· Aplikasi berbasis web : aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web (www)
· Sistem web sebenarnya merupakan aplikasi yang berarsitektur client-server
- Software web browser disisi client
- Software web server disisi server
· Menggunakan protocol HTTP ( Hyper Text Transper Protocol ) dalam komunikasi antara client dan server yang mempunyai fungsi untuk mengambil atau menjalankan isi file dokumen web disisi server dan menampilkannya disisi clien
C. Sejarah World Wide Web
· Hypertext (Bush 1945 dan Nelson !960)
· Awal tahun 90-an Tim Berners-Lee menciptakan Hyper Text Markup Language HTML
· Tahun 1993 Browser grafis pertama (masoic) dibuat oleh Andersen dan Eric Bina.
· Tahun 1994 Andersen bekerja untuk Netscape dan membuat Netscape Navigator, browser grafis popular pertama
· Tahun 1995 microsoft membuat internet explorer
Browser saat ini : Mozilla, fire fox, opera, internet explorer, dan lain-lain.
Membuat aplikasi berbasis web artinya:
- Memperkaya fungsi webserver dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut diakses oleh web server.
- Memperkaya interaktivitas dokumen dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan browser.
Keuntungan belajar pemrograman web
1. Mengerti bagaimana komponen-komponen web bekerja, sehingga dapat:
- Membuat web sendiri
- Membetulkan “error” dari suatu web
- Belajar “hacking”
2. Bagaimana web bekerja
- User mengetik URL di internet browser
- Browser menghubungi server yang tersebut pada URL
- Setelah terhubung, browser mengirimkan HTTP request
- Server menjawab dengan mengirim HTTP response (berisi header dan isi dokumen)
- Untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar), browser harus mengirimkan HTTP request lagi untuk setiap file
- Browser menampilkan semua isi dokumen kepada user.
D. Content Management System (CMS)
Pertama yang muncul adalah : adakah sebuah system yang dapat mengelola content website?
Content Management System (CMS)
Yang open source
Joomla
Wordpress
Drupal
Dan lain-lain
Manajemen data
- Semua informasi baik yang telah ditampilkan ataupun belum dapat diorganisasi dan disimpan secara baik.
- CMS juga mendukung berbagai macam format data, seperti XML,HTML, PDF, dan lain-lain, indexing, fungsi pencarian, dan control terhadap revisi yang dilakukan terhadap data/informasi.
Mengatur siklus hidup website
- Banyak CMS memberikan fasilitas kepada para penggunanya untuk mengelola bagian atau isi mana saja yang akan ditampilkan, masa/waktu tampilan di website.
Mendukung web templating dan standarisasi
- Setiap halaman website yang dihasilkan berasal dari yang telah terlebih dahulu disediakan oleh CMS.
Personalisasi website
- Isi web dapat ditampilkan sesuai dengan keinginan dan kebutuhan dari penggunanya.
Sindikasi
- Memberikan kemungkinan kepada sebuah website untuk membagi isinya kepada website-website yang lain.
Akuntabilitas
- CMS mendukung alur kerja dan hak akses yang jelas kepada para penggunanya, sehingga data atau informasi yang disampaikan dapat dipertanggungjawabkan dengan baik.
TUGAS KE-11 (HTML)
STRUKTUR DASAR DOKUMEN HTML
Script untuk menyusun dokumen-dokumen Web
Dokumen HTML disimpan dalam format teks regular dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
Penjelasan struktur dasar HTML (Tag)
1. Tag
Tag adalah teks khusus (markup) berupa dua karakter “<” dan “>” sebagai contah <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<”), sebagai contoha <body> ini adalah tag terbuka berisi dokumen HTML.
2. Element
Element terdiri ats tiga bagian yaitu
- Tag pembuka
- Tag isi
- Tag penutup
Contoh : Untuk menempilkan judul dokumen HTML pada web browser digunakan element title, dimana : <title> ini adalah judul pembuka dokumen HTML.
3. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Secara umum nilai attribute harus berada dalam tanda petik satu atau dua.
4. Element Title
Element title merupakan judul dari dokumen HTML yang ditunjukkan pada judul jendela browser. Tag <title> dan tag </title> terletak diantara tag <head> dan tag </head>.
5. Element Body
Element ini menampilkan isi dokumen HTML tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element body mempunyai attribute-attrbute yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser.
Sintaks : <body tekt = “V” bgcolor = “W” background = “uri” link = “X’ alink = “Y” vlink = “Z”>
Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latar belakang dokumen ahtml, background memberikan latar belakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
0 komentar:
Posting Komentar