Tugas PTI 10 dan 11 Perkuliahan Januari 20011

Tugas Kuliah PTI Ke 10 dan 11 Perkuliahan Januari 2011
Disusun :  Oleh Dedi NIM 10861005
Program Pascasarjana STKIP Garut

___________________________________________________________________________________

Tugas Rangkuman Konsep Pemrograman Web
Blog dan HTML

 Konsep Web
        Konsep Web. :  (World, Wide, Web) disingkat www.atau Web adalah satu ruang informasi, dimana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut : “Uniform Reseurse Identifier (URI).
•    www. Sering dianggap identik dengan internet dan merupakan bagian daripadanya.
•    Hiverteks dilihat dengan sebuah program browser web yang mengambil informasi (disebut “dokumen atau “halaman web”) dari suatu server web dan menampilkannya biasanya disebuah monitor.
•    Halaman web  biasanya diatur dalam koleksi material yang berkaitan yang disebut “Sintaks web”     
Konsep Web Lanjutan
•    Halaman web merupakanfile teks murni (plain) yang berisi sintaks-sintaks HTML yang dapat dibuka atau dilihat dengan internet Browser.
•    Kegiatan pindah halaman untuk pindah ke 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 Reseurce Locator)yang menjadi “akar” yang disebut home page dan biasanya disimpan dalam server yang sama.
•    Tidak semua situs web dapat diakses dengan gratis, beberapa situs web memerlukan pembayaran dianataranya situs berita surat elektronik
Internet Web Browser
•    Browseradalah sebuah program aplikasi  atau software yang me reques dokumen-dokumen dari computer yang terkonesi dengan internet server diseluruh dunia, dan menampilkan dokumentasi dari dokumen pada window browser.
•    Browser menampilkan sesuai instruksi HTML yang dibuat pada dokumen tersebut.
Konsep Pemrograman Web.
•    Pemrograman web adalah membuat aplikasi berbasis web.
•    Aplikasi berbasis web adalah aplikasi yang dibuat dengan memanfaatkanmekanisme dan aplikasi  yang sudah ada pada system web (www).
•    Sistem web sebenarnya merupakan aplikasi yang berarsitektur client server :
    Software web browser disisi client
    Software web server diisi server
•    Menggunakan protocol HTTP ( Hiper Text Transpor Protocol) dalam komunikasi antar client  dan server yang mempunyai fungsi untuk mengambil atau menjalankan isi file dokumen  web disisi server dan menampilkan disisi client.
            Server VS Client
•    Menyediakan dokumen web
•    Mengeksekusi dokumen web yang bersifat”serverside”(php,asp, jsp) dan menerjemahkanke dalam bentuk yang bisa dipahami oleh “web browser” di client.
•    Memiiki server (program) web server (IIS Apache) dsb memberikan respon ke client.    •    Mengambil dokumen web
•    Mengeksekusi dokumen web yang bersifat” client side”(javascrip, html, css)
•    Memilih web browser untuk menerjemahkan dulu web ke bentuk yang lebih manusiawi
•    Mengirimkan reques ke server.

Sejarah World, Wide, Web
•    ipertext (Bush 1945 daHn Nelson 1960)
•    Awal tahun 90-an Tim Bernes- Lee. Menciptakan”Hiper Text Markup      Language ( HTML)
•    Tahun1993 Browser grafis pertama (mosaic) dibuat aderssen dan Eric Bina.
•    Tahun 1994 anderssen bekerja untuk Netscape dan membuat Nestcape  navigator browser grafis popular pertama.
•    Tahun1995 microsft membuat Internet Exsplorer, pada saat ini berkembang dengan pesat produknya diantaranya : Mozila FireFok, Opera, Internet Explorer.
Membuat Aplikasi Berbasis Web Artinya
•    Memperkaya fungsi web server
•    Memperkaya interaktivitas dokumen dengan cara menambahkan program pada dokumen
Keuntungan Belajar Pemrograman Web
Mengerti bagaimana komponen-komponen web bekerja sehingga dapat :
•    Membuat web sendiri
•    Membetulkan eror dari suatu web
•    Belajar “hacking”
Bagaimana Web Bekerja
•    Yuser mengetik URL di internet Browser
•    Browser menghubungi server yang tersebut pada URL
•    Setelah terhubung Browser mengirimkan HTTP request
•    Server menjawab dan mengirimkan HTTP  request response (Berisi header dan isi dokumen)
•    Untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar) browser harus mengirim HTTP request lagi, untuk satu file.
•    Browser mengirim semua dokumen kepada User
Contoh Management Sistem (CMS)
•    Konten management system yang open source, joomla, worppres, drupal dll.
•    Manfaat CMS
-    Semua informasi yang sudah ditampilkan atau yang belum diorganisasikan dan disimpan dengan baik.
-    CMS juga mendukung berbagai format data seperti ZML, HTML, FDF dll.
-    Mengatur siklus hidup websait, Banyak CMS memberikan pasilitas kepada para penggunanya, untuk mengelola berbagai isi
-    Mendukung templeting dan standarisasi.
Manfaat CMS Lanjutan
•    Personalisasi websait , isi w2ebsait bisa tampilkan sesuai dengan keinginan dari penggunanya.
•    Sindikasi , memberikan kemungkinan kepada sebuah websait untuk membagi isinya kepada websait.
•    Akuntabilitas, CMS mendukung alir kerja dan hak akses kepada penggunanya.
Pemanfaatan CMS
a.    Mengelola websait;
b.    Mengelolawebsait perusahaan/bisnis
c.    Portal atau websait komunitas
d.    Galeri foto
e.    Forum
f.    Aplikasi E-Comerce.

BLOG
Apa itu blog?  Secara teknis adalah teknologi aplikasi websait yang memudahkan seseorang menerbitkan materi apakah itu brupa teks, grafik audio, maupun video ke internet secara mudah, cepat dan murah.
Macam-macam Blog
Macam-macam blog adalah : bloog bisnis, bloog organisasi, bloog keluarga, bloog politik, bloog ksehatan, bloog pendidikan, bloog agama, dan bloog media.
Sejarah Blog
Blog adalah istilah yang ditemukan Jorn Barger, pada bulan Desember 1997, untuk menyebutkan situs-situs yang berupa catatan haarian seorang webserfer.
Definisi Blog
a.    Situs web yang berisi kumpulan tulisan yang disusun secara kronologis.
b.    Ada format indikasi seperti RSS atau atom
c.    Biasanyya memilih pasilitas, komentar track baack/pingback
d.    Tulisannya dibuat dari sudut pandang  penulisannya
e.    Penulisan blog dibantu CMS (Conten Management System)
Funsi Blog
•    Sebuah blog adalah system web yang dapat dengan mudah memposting  pemikiran, berinteraksi dengan orang lain.
•    Dapat dijadikan media innformasi untuk berbagai komunitas.
Keuntungan Blog
•    Mudah dibuat
•    Send of porpuse
•    Melatih berpikir menyampikan pendapat, pengalaman, dan menulis sehingga dapat dijadikan sarana edukasi
•    Membentuk komunitas blooger
Mengapa banyak yang menyukai blog
•    Inter aktfitas
•    Sindikasi
•    Sentuhan personal
•    Informasi didapat langsung dari sumbernya
•    Siapapun dapat membuat blog dengan mudah
•    Blog juga tepat untuk:
-    Mengkampanyekan isu atau program
-    Berita tentang sebuah ipent
-    Blog dengan topic tertentu
-    Personal writing dan collection.
Teknologi Blog Masa Depan
•    Mobile Bloging, memanfaatkan teknologi seluler untuk menulis blog.
•    Audio bloging adalah blog dalam format audio
•    Photo bloging adalah  blog dalam format fhoto
•    Vidio bloging adalah blog dalam format video

Penjelasan Struktur Dasar HTML
HTML merupakan singkatan dari Hiper Text Markup Language. HTML    script untuk menyusun dokumen-dukumen web. Dokumen HTML disimpan dalam format text regular dan mengandung tag-tag, memerintahkan web browser untuk mengeksekusi perintah-perintah yang disepesipikasikan.
•    Struktur dasar dokumen HTML adalah sebagai berikut:
< html >
< head >
< title > disimpan judul dokumen HTML
< / head >
< body > diisi penulisan info web
< body >
< / html >

•    Penjelasan Struktur Dsar HTML
Tag adalah :teks khusus makup berupa dua karakter “<” dan “>”, sebagai  contoh<body> adalah tag dengan nama body.
•    Secara umum tag ditulis secara berpasangan, yang terdiri atas tag penutup ditambahkan karakter”/” setelah karakter “<”
•    SEbagai contoh <body> ini adalah tag pembuka isi dokumen HTML dan penutup dokumen HTML.
<html>
<head>
<title> diisi judul dokumen HTML
HTML </title> </head>
<body> diisi penulisan informasi web
</body></html>


Penjelasan Struktur Dasar HTML Lanjutan
Elemen:
Element  terdiri atas tiga bagian yaitu tag pembuka, isi, tag penutup.
•    Contoh untuk menampikan judul dokumen HTML pada web browser digunakan elemen title, dimana : <title> ini adalah tag pembuka judul dokumen.
•    Diisi judul dokumen HTML adalah judul dokumen HTML.
<html>
<head>
<title> diisi njudul dokumen HTML ,/title >
<,/head>
<body>diisi penulisan informasi web
</body>
</html>


Atribut:
Atribut adalah property dari satu elemen yang terdidiri atas nama dan nilai, penulisanya adalah sebagai berikut:


<TAG>
Nama-attr= “nilaiattr”
Nama-attr= “nilai attr”
>………………
</TAG>
Secara umum nilai atribut harus berada dalam tanda petik satu atau dua. Contoh untuk membuat warna teks menjadi kuning dan latar belakang hal web menjadi hitam penulisannya adalah  body bgcolor = “black” tekt “yellow”>
Penjelasan Struktur Dasar HTML Lanjutn
Elemen HTML
Menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML sintaks
<html>
……….
</html>
<html>
<head>
<TITLE> disimpan judul dokumen HTML</title>
</head>diisi penulisan informasi web
</body>
</html>

Element Head
Merupakan kepala dari dokumen HTML Tag <head> dan tag </head> terletak diantara tag <html> dan tag </html
<html>
<head>
<title> disimpan judul dokumen
</head>
<body> disimpan penulisan informasi web
</body>
</html>

Element Title
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser tag <title> dan tag </title > diantara tag <head > dan tag </head >
Sintaks<title
………..
</title >
<html>
<head>
<title>disimpan judul dokumen HTML </title
</head>
<body> diisi penulisan informasi web
</body>
,/html>

Elemen Body
Elemen ini untuk menampilkan isi dokumen HTML Tag< body> dan tag </body>terletak di bawah tag< head> dan tag </head> > Elemen body mempunyai atribut-atribut yang mensepesifikasikan khususnya warna dan latar belakang.
 Yang akan ditampilkan pada browser.
Sintaks
<bodytekt= “V”bgcolor=”w”background=uri link=”X” alink=”Y”Vlink=”Z”</body>
<html>
<head>
<title> diisi judul dokumen HTNL</title>
</head>
<body> diisi penulisan unformasi web
</body>
</html>.



Terimaksih , tugas diposting Jumat 18 Januari 20011
Dedi NIM 10861005
Program Pascasarjana STKIP Garut