PENDAHULUAN
blogs in plains english, nov 2007. Today’s news in 20th dan 21st. news (world, sports, and politics). the blog is the new idea and create new blog like today’s blog post the news times. new blog post then post now on Tuesday’s blog spot, Monday, etc. the the other people give comment to your blog. and for search blogs: blogsearch.google.com or technorati.com and if you want to start a free blog: blogger.com or wordpress.com.
MATERI KULIAH PTI KE 10
1. konsep pemograman web; konsep web
world wide web (www atau disingkat web) adalah suatu ruang dimana informasi sumber-sumber daya yang berguna di identifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI):
a. WWW sering dianggap identik dengan internet dan merupakan bagian daripadanya,
b. Hiperteks dilihat dengan sebuah informasi (disebut dokumen atau halaman web) dari suatu server web dan menampilkannya biasanya di sebuah monitor halaman web, biasanya diatur juga dalam koleksi material yang berkaitan yaitu yang disebut situs web.
2. Konsep web (lanjutan)
a. Halaman web merupakan file teks murni (plain text) yg berisi sintaks- sintaks HTML yang dapat dibuka atau dilihat dengan Internet Browser,
b. Kegiatab pindah halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya sering disebut “Surfing “ atau “berselancar”,
c. Halaman- halaman sebuah situs web diakses dari sebuah Url (Uniform Resource Locator) yang menjadi ”akar” (roof), yang disebut hompage, dan biasanya disimpan dalam server yang sama,
d. Tidak semua situs web dapat diakses dengan gratis, beberapa situs web memerlukan pembayaran, disitus- situs berita, layanan surat elekrtonik (e-mail), dan lain- lain.
3. Konsep Pemograman Web
a. Pemograman web: membuat applikasi yang berbasis web,
b. Aplikasi berbasis web: Aplikasi yang dibuat dengan memanfaatkan mekanisme dan apabila yang sudah ada pada sistem web (WWW)
c. Sistem web sebenarnya merupakan aplikasi yang server; Software web beowser disisi client, and software web server disisi server.
d. Menggunakan protokol HTTP (Hyper Text Transfer Protocol) dalam komunikasi antara client dan server yang mempunyai fungsi untuk mengambil atau menjalankan isi file dokumen web disisi server dan menjalankan isi file dokumen web disisi server dan menampilkan disisi client.
4. Internet Web Browser
a. browser adalah sebuah program applikasi atau software yang merequest dokumen- dokumen dari komputer- komputer yang terkoneksi internet (server) diseluruh dunia, dan menampilkan informasi dari dokumen tersebut tersebut pada window browser, dan
b. Browser menampilkan sesuai intruksi (format) HTML yang dibuat pada dokumen tersebut.
5. Server Client-Server
Server = Client = Server/Client (Client = Client) = Client = Client
6. Server VS Client
a. Server;
i. Menyediakan dokumen web
ii. Mengeksekusi dokumen web yang bersifat “server side” (php, asp, jsp) dan menerjemahkan kedalam bentuk yang bisa dipahami oleh “web Browser” di client,
iii. Memiliki service (program) web server (program) web server (IIS, apache dan sebagainnya), dan
iv. Memberikan response pada client.
b. Client;
i.Mengambil dokumen web,
ii.mengeksekusi dokumen web yang bersifat “client side”,
iii.Memiliki web browser untuk menerjemahkan dokumen web ke bentuk “manusiawi”,
iv.Mengirimkan request ke server.
7. Sejarah World Wide Web
a. Hypertext (Bush 1945 dan Nelson 1960’s),
b. Awal tahun 90’s, Tim Berners-lee menciptakan HyperText Markup Language (HTML),
c. Tahun 1993 Browser grafis pertama (Mosaic) dibuat oleh Andressen dan Eric Bina,
d. Tahun 1994 Andressen bekerja untuk Netscape dan membuat Netscape Navigator, browser grafis popular pertama,
e. Tahun 1995 Microsof Internet Explorer,
f. Browser saat ini: Mozilla FireFox, Opera, Internet Explorer, dan lain- lain.
8. Membuat Aplikasi Berbasis Web, artinnya:
a. Memperkaya fungsi web server dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut diakses oleh web server,
b. Memperkaya interaktivitas dokumen cara menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan oleh Web Browser.
9. Keuntungan Belajar Pemograman Web, mengerti bagaimana komponen- komponen web bekerja, sehingga dapat:
i. Membuat web sendiri,
ii. Membetulkan “error” dari suatu web, dan
iii. Belajar “hacking”.
10. Bagaimana Web Bekerja
a. User mengetik URL di Internet Browser,
b. Browser menghubungi server yang tersebut pada URL,
c. Setelah terhubung, Berowser mengirimkan HTTP request,
d. Server Menjawab dengan mengirim Http response (berisi header dan isi dokumen),
e. Untuk dokumen yang terdiri atas beberapa file (misalnnya dokumen bergambar), browser harus mengirimkan HTTP request lagi untuk setiap file, dan
f. Berowser menampilkan semua isi dokumen kepada user.
11. Cara Kerja Web
a. Users (Clients) Browse,
b. Http (Internet) (WWW),
c. Http (WWW servers),
d. Resources (HTML file), and then
e. Authors write HTML
12. Content Management System (CMS)
a. Pertannyaan yang muncul adalah : Adakah sebuah system yang dapat mengelola content Website?
b. Content Management System yang open source : Joomla, Wordpress, Drupai, dll.
13. Manfaat CMS
a. Manajemen data
i.Semua informasi baik yang telah ditampilkan ataupun sebelum dapat diorganisasi dan disimpan secara baik,
ii.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.
b. Mengatur siklus hidup website
i.Banyak CMS memberikan fasilitas kepada para penggunannya untuk mengelola bagian atau isi mana saja yang akan ditampilkan, masa/waktu tampilan dan lokasi tampilan di website.
14. Pemanfaatan CMS, CMS dapt dipegunakan untuk berbagai macam keperluan dan dalam berbagai kondisi, seperti untuk:
a. Mengelola website pribadi,
b. Mengelola website perusahaan/ bisnis,
c. Portal atau website komunitas,
d. Galeri foto, dan lain sebagainnya,
e. Forum,
f. Aplikasi E-Commerce,
g. Dan lain- lain.
15. Manfaat CMS (lanjutan)
a. Personalisasi website: Isi Web dapat ditampilkan sesuai dengan keinginan dan kebutuhan dari penggunanya.
b. Sindikasi : Memberikan Kemungkinan kepada sebuah website untuk membagi isinnya kepada website- website yang lain.
16. Apa itu Blog?
a. Website pribadi dalam format kronologi terbalik( yang terbaru diatas) yang di-update secara kontinyu oleh pemiliknnya, jadi
b. Blog adalah secara teknis yaitu teknologi aplikasi website yang memudahkan seseorang untuk menerbitkan materi, apakah itu berupa teks, grafiks, audio maupun video ke Internet cecara mudah, cepat dan murah, dengan fitur- fitur otomatis, seperti pengarsipan dan fasilitas feedback yang berupa area untuk member komentar.
17. Berita (NEWS)
a. Diabad ke 20 berita diproduksi secara professional,
b. Apa yang muncul dimedia cetak atau di broadcast ditentukan oleh sekelompok kecil orang, dan
c. Berita yang dilaporkan hannyalah berita yang mainstream, umum dan terbatas dalam berita; Internasional, Olah Raga, dan Politik.
18. Perkembangan Berita (News)
a. Abad ke 20th (Professional),
b. Hadirlah Weblog (Blog) ; Atau disingkat blog,
i. Setiap orang dapat menjadi reporter dan penerbit dengan gratis,
ii. Tidak lagi berita terbatas pada Internasional, Olah Raga, dan Politik.
c. Abad Ke 21st (Profesisional dan Personal)
19. Bermacam- macam Blog : Blog Bisnis, Blog Keluarga, Blog Organisasi, Blog Kesehatan, Blog Politik, Personal Blog, Blog Media, Blog Agama, dan Blog Pendidikan.
20. Sejarah Blog
a. Blog adalah istilah yang ditemukan oleh Jorn Barger pada bulan Desember 1997, seperti Blog Bisnis, Blog Keluarga, Dan Blog Organisasi.
b. Untuk menyebut situs- situs yang berupa catatan harian seseorang websurfer, dimana sang websurfer menuliskan catatan dan link setiap hari ke website yang dia temukan dan dikunjungi disertai dengan komentar dan komentar opini mereka tentang website lain tersebut.
21. Definisi Blog
a. Situs web yang berisi kumpulan tulisan yang disusun secra kronologis,
b. Ada format sindikasi seperti RSS atau ATOM,
c. Biasannya memiliki fasilitas komentar, trackback, dan atau pingback,
d. Tulisannya dibuat dari sudut pandang penulisannya (blog bukanlah jurnalisme atau press Release),
e. Penulisan blog dibantu oleh CMS (content managemeny system).
22. Fungsi Blog
a. Sebuah blog adalah situs web yang mudah digunakan dan dapat dengan cepat membosting pemikiran, berinteraksi dengan orang lain, dan banyak lagi keuntungan.
b. dapat dijadikan media interaksiantara guru dan rekan guru; guru dan siswa, antar siswa dan siswa.
23. Keuntungan Blog
a. Mudah dibuat, cocok untuk semua user, dan dapat dimanfaatkan sesuai kebutuhan pada tiap profesi,
b. Send of purpose; blog dibuat sesuai tujuan dan kebutuhan,
c. Melatih berfikir, menyampaikan pendapat, pengalaman, pengalaman, dan menulis, sehingga dapat dijadikan sarana edukasi dan pemberdayaan,
d. Membentuk komunitas blogger, dapat saling berbagi ekspresi dan informasi secara tertulis, dan berdiskusi mengenal blog dan permasalahannya,
e. Media komunikasi baru diinternet yang populer dan gratis.
24. Kerugian/ pengaruh Blog : serangan 11 September, Investasi Amerika Serikat ke Irak, Pemilihan Presiden U.S, Serangan Teroris di Madrid dan London, Kasus bom Kuningan. Dipecat karena menulis blog?
a. Heather Armstrong, konsultan web, Feb 2002,
b. Michael Hanscom, kontravtor microsoft, Okt 2003,
c. Joy Park, pemrogram friendster, Agu 2004,
d. Peter Whithney, pegawai WellFargo, Agu 2004,
e. Ellen Simonetti, pramugari Delta, Okt 2004,
f. Mark Jen, pemogram Google, Jan 2005,
g. Joe Gordon, pegawai toko buku Warestone’s, Jan 2005.
25. Mengapa publik menyukai Blog
a. Interaktivitas (komentar, trackback, dan pingback),
b. Sindikasi,
c. Sentuhan personal Informasi didapat langsung dari sumbernnya,
d. Siapapun bisa membuat blog dengan isi apa saja tanpa harus melalui birokrasi yang berbelit- belit.
26. Blog tepat untuk
a. Mengkampanyekan sebuah isu atau program,
b. Berita tentang sebuah event atau organisasi atau komunitas,
c. Blog dengan topik tertentu, dan
d. Personal Writing dan Collection.
27. Yang perlu diperhatikan
a. Perubahan paradigma tentang keterbukaan,
b. Perlindungan privasi atau data pribadi,
c. Mengancam, menipu, berbohong, memfitnah, menyebarkan kebencian.
28. Teknologi Blog dimasa depan
a. Mobile blogging (Moblogging) : memanfaatkan teknologi selular,
b. Audioblogging : blog dalam format,
c. Photoblogging : blog dalam format foto,
d. Videoblogging : blog dalam format vblogging sebagaiideo, dan
e. Podcasting : perpaduan antara teknologi sindikasi dan audio/ video sebagai implementasi pengiriman konten dengan metoda pull.
29. The state of Blogging (oleh Pew Internet & American Life Project, 1 Feb 2005)
a. 8 juta warna Amerika Serikat dewasa memiliki blog,
b. Jumlah pembaca blog meningkat 59% pada tahun 2004,
c. 27% pengguna Internet adalah pembaca blog.
30. Bloggers: People of the year” (ABC News, 30 Des 2004)
a. Ada jutaan blog di internet dan ada sebuah blog baru yang dibuat setiap 7,5 detik,
b. Lusinan Penulis blog membuat laporan pandangan mata tentang peristiwa didunia,
c. Blog menyebabkan pengunduran diri pemimpin senat Amerika Serikat,
d. Blog yang pertama kali memuat gambar jenazah prajurit Amerika Serikat yang tewas dalam perang.
31. Alasan membuat kebijakan tentang blog
a. Fenomena blog kembang dengan sangat cepat,
b. Suka atau tidak suka, penulisan blog tidak dapat dicegah,
c. Fenomena blog harus dapat dimanfaatkan demi kemajuan,
d. Efek- efek negative blog yang mungkin dapat ditimbulkan oleh blog harus dapat ditekan.
32. Yang harus diperhatikan ketika menulis Blog
a. Tulisan blog menjangkau seluruh dunia dan bisa dibaca oleh siapapun,
b. Yakinlah bahwa isi blog anda tidak menyinngung siapapun.
c. Isi blog tidak mengandung unsure SARA.
33. Umumkan kepada Dunia
a. Jika sudah memiliki weblog, maka sampaikan alamat weblog tersebut pada teman, relasi, kolega, mahasiswa supaya mereka dapat meng-akses weblog saudara,
b. Kita juga dapat membuat link dari weblog kita ke search engine(SE) google; sehingga jika ada pengguna internet mau mencari artikel yang berhubungan dengan dokumen yang kita miliki, cukup mengetikkan kata kunci pada SE,
1. Klik: add your URL to Google
2. Isikan alamat URL saudara
3. Klik: add URL
34. Bagaimana sisrem publikasinnya? posting, posting Senin, posting Rabu, dan system komunikasinnya 2 arah.
35. Selamat menjadi Blogger
a. Catatan : Saat pencarian melalui search engine (SE) Google, kemunculan artikel dari web saudara sangat bergantung dari seberapa banyak weblog saudara telah dikunjungi orang, dan oleh karena itu, kabarkan alamat weblog saudara pada relasi, kolega, mahasiswa supaya banyak dikunjungi.
b. Kesimpulan : Blog adalah bagian dari media baru yang bersifat PERSONAL dan SOSIAL (SOCIAL MEDIA), Blog member kita atau siapa sajia, kekutan sebuah media dan dan memungkinkan kita untuk memproduksi media personal yang dengan peminat, dari audiens- audiens yang kecil jadi terserah kita, Besar kemungkinan ada teman, keluarga, orang lain diluar sana yang tertarik dengan apa yang ingin kita ucapkan di blog.
MATERI KULIAH PTI KE 11
36. Stuktur Dasar Dokumen HTML
a. HTML (HyperText Markup Language) : 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,
b. Stuktur dasar dokumen HTML adalah sebagai berikut: <html> <head> <title> Disini Judul Dokumen HTML ,/title </head> <body> disini penulisan informasi Web <body> <html>.
37. Penjelasn Stuktur Dasar HTML
a. Tag adalah khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh <body> adalah tag dengan nama body,
b. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<”,
c. Sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan <body> ini adalah tag penutup isi dokumen HTML.
38. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Element : terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup,
b. Contohnya: untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana; <title> ini adalah tag pembuka judul dokumen HTML,
c. Disini judul dokumen HTML ini, judul dokumen dan tag penutup judul HTML.
39. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai, penulisannya adalah sebagai berikut: <TAG> nama-attr = “ nilai-attr”, Nama-attr = “nilai-attr”>…………..</TAG>. Secara umum nilai attributeharus berada dalam tanda petik satu atau dua,
b. Contohnya; untuk membuat warna teks menjadi kuning dan latar belakang halaman web menjadi hitam, penulisannya adalah body blogger = “black” text <yellow>.
40. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Element Body untuk menampilkan isi dokumen HTML Tag <body> dan tag </body> terletak dibawah tag <head> dan tag </head>,
b. Elemen Body memiliki attribute- attribute yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser, Sintaks: <body text=”v” bgcolor=”w” background=”uri” link=”x” alink=”y” vlink=”z” </body>,
c. Attribute text memberikan warna pada texts, bgcolor memberikan warna pada latar belakang dokumen HTML, background memberikan latar belakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk lin, a link memberikan warna untuk link yang seddang aktif, vlink memberikan warna untuk link yang telah dikunjungi. a background keduanya dispesifikasi maka attribute backgroung yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bg color akan digunakan.
d. Element head, merupakan kepala dari dokumen HTML, tag <head> dan tag </head> terletak di antara tag (html> dan tag </html>.
Tidak ada komentar:
Posting Komentar