Materi 8 dan 9
Perangkat komputer
Perangkat komputer terdiri atas perangkat keras dan perangkat lunak, perangkat keras berfungsi untuk memproses fakta dan data menjadi informasi, sedangkan perangkat lunak berfungsi untuk mengatur pemrosesan fakta dan data menjadi informasi.
Perangkat lunak
Bentuk perangkat lunak berbentuk aljabar Boolean yang direfresentadikan sebagai binari digit bentuk nol atau satu. Kode-kode tersebut digabungkan menjadi instruksi aritmatik, logika, dan instruksi mnemonic, instruksi mnemonic digabung kembali menjadi bahasa pemrograman.
Program dan pemrograman
Program adalah kumpulan intruksi-instruksi tersendiri yang biasanya disebut source kode yang dibuat oleh programmer. Sedangkan pemrograman adalah urutan perintah yang disusun sedemikian rupa, sehingga computer dapat melaksanakan perintah sesuai dengan keinginan sipemakai.
Langkah-langkah membuat program
1. Mendefinisikan permasalahan dan membuat rumusan untuk memecakan masalah
2. Implementasi
3. Kompiling
4. Menguji coba dan membuat dokumentasi
Bahasa pemrograman
Bahasa adalah suatu sistem untuk berkomunikasi, bahasa tertulis adalah suatu sistem berkomunikasi dengan menggunakan symbol (huruf) untuk membentuk kata. Dalam bahasa computer, bahasa manusia disebut bahasa alamiah (natural languages), dimana computer tidak bias memahaminya, sehingga diperlukan suatu bahasa komputer.
Level bahasa pemrograman
1. Level rendah level bahasa yang mendekati level bahasa mesin, instruksi yang diberikan akan langsung dipahami oleh komputer.
2. Level menengah level bahasa gabungan antara instruksi mesin dengan instruksi yang mulai mendekati bahasa manusia berkomunikasi
3. Level tinggi bahasa pemrograman yang mendekati instruksi manusia berkomunikasi
Sistem bilangan
Suatu cara mewakili besaran suatu item fisik, manusia lebih banyak menggunakan system bilangan desimal (10 macam simbol), sedangkan computer memahami elemen dua keadaan yaitu off (tidak ada arus) dan on (ada arus)
Bilangan dasar atau basis
1. Bilangan desimal bilangan berbasis 10, terdiri atas 10 macam simbol bilangan
2. Bilangan binari bilangan berbasis 2, terdiri atas 2 macam symbol bilangan
3. Bilangan oktal bilangan berbasis 8 terdiri atas 8 macam symbol bilangan
4. Bilangan heksadesimal bilangan berbasis 16 terdiri atas 16 simbol bilangan
Perkembangan bahasa pemrograman
1. Generasi I Bahasa mesin
ENIAC (Electronic Numerical Integratorand Calculator) pada tahun 1945 oleh mauchly and ecket
Menggunakan kode-kode biner (0 dan 1), dengan basis dasar transistor. On = 1 dan kondisi off = 0
Rumit sukar dihafal, dan lama
Dikembangkan dengan bilangan octal dan heksadesimal
2. Generasi II Low Level Language
Penyempurnaan bahasa mesin
Bahasa assembly sudah mulai memasukkan unsure kata bahasa inggris meskipun dalam bentuk singkat
Bersifat machine dependent
Penulisan bahasa assembly sudah jauh lebih mudah disbanding dengan bahasa mesin, namun masih terlalu sulit bagi orang awam yang tidak memahami perangkat keras computer, karena beberapa variable masih mengacu pada register, alamat memori maupun alamat port I/O
3. Generasi III High Level Language
Tahun 1950, fortran (formula Translator), yang sudah bersifat machine independent
Diikuti bahasa pemrograman aras tinggi seperti basic, cobol, PL/1, pascal, algol, prolog, C, dan lain-lain
Pemrosesan program oleh computer dalam bahasa aras tinggi ini meliputi compilation, link, execution
4. Generasi IV Bahasa deklaratif
Bahasa pemrograman ini jauh lebih mudah ditulis karena instruksinya sudah sangat mendekati bahasa percakapan sehari-hari
5. Generasi V Object oriented language contoh simula, Smalltalk, ada, C++, aatau java.
Dasar pemrograman delfhi
Alogaritma adalah sejumlah langkah komputasi yang mengubah masukan (input) menjadi pengeluaran (output) yang benar
Program adalah alogaritma yang diimplementasiakan dalam bahasa pemrograman tertentu
Struktur data adalah cara pengaturan data agar bias disimpan memori computer secara efisien
Program Borland delfhi disebut juga delfhi adalah sebuah perangkat lunak yang digunakanuntuk membuat aplikasi berbasis antar muka grafis di lingkungansistem operasi Microsoft Windows. Dibuat oleh Borland software corporation sejak tahun 1993 dengan bahasa pemrograman yang digunakan adalah bahasa pascal. Digunakan untuk membuat program untuk hitungan, pengolahan data, maupun menganalisis gambar. Delfhi adalah compiler/ penerjemah bahasa delfhi yang merupakan bahasa tingkat tinggi sekelas dengan bahasa pascal, basic dan C. bahasa pemrograman delfhi disebut juga bahasa procedural artinya mengikuti urutan tertentu. Perintahnya dapat dilakukan secara visual.
Delphi merupakan bahasa berorientasi objek, artinya objek, property, dan metoda dikemas menjadi satu kemasan
Ide adalah tempat untuk membuat aplikasi mulai dari
1. Mendesain antar muka
2. Menulis kode program
3. Menjalankan program
4. Mendebug
5. Mengkompilasi
6. Menyebarluaskan aplikasi yang dibuat
Menu bar merupakan tempat menggulung menu-menu perintah. Disebelah kiri masing-masing perintah terdapat sebuah ikon yang menggambarkan fungsinya.
Tool bar adalah sekumpulan tombol yang dapat digunakan untuk melakukan perintah. Fungsinya sama dengan menu bar, namun keunggulannya adalah cepat diakses untuk menjalankan perintan tertentu.
Komponen palette digunakan untuk mengumpulkan komponen Delphi, komponen Delphi dibagi menjadi dua yaitu : komponen visual, komponen nonvisual
Form designer atau form adalah tempat meletakkan komponen-komponen yang diambil dari komponen palette saat mendesain antar muka aplikasi, secara default akan tampil secara otomatis ketika menjalankan program
Code editor adalah tempat untuk menuliskan kode-kode program. Didalam code editor telah ada beberapa baris yang dibuat Delphi secara otomatis, ditempat inilah menyisipkan atau menuliskan kode-kode program secara lengkap.
Objek inspector digunakan untuk mengubah property komponen terpilih yang berada dalam form. Dalam objek inspector ada dua bagian utama yaitu properties dan event. Pada setiap bagian terdapat dua bagian
1. Kolom disebelah kiri merupakan nama-nama property atau event
2. Kolom disebelah kanan adalah nilai-nilai yang diisikan pada property atau event yang bersangkutan.
Object treeview berfungsi untuk menampilkan berbagai komponen yang digunakan pada saat membuat aplikasi yang ditampilkan dengan struktur pohon
Komponen Delphi adalah jantung bagi pemrograman visual, dibagi menjadi berbagai jenis komponen, diantaranya adalah standar, additional, win32, system, data acces, data control, bde, ado, dan lain-lain
File-file Delphi
1. File yang menyimpan program
2. File yang menyimpan binary, gambar dan lain-lain
Reserved word adalah kata-kata baku yang digunakan dalam pemrograman dan sudah terintegrated dalam pascal yang mempunyai bentuk serta kegunaan tertentu yang telah didefinisikan oleh Delphi. Reserved word tidak boleh didefinisikan kembali oleh pemakai, sehingga tidak dapat digunakan sebagai pengenal.
Membuat file exe agar program aplikasi dapat dijalankan tanpa menggunakan program Delphi, perlu dibuat file exe untuk program aflikasi tersebut.
1. Sebelum membuat file exe dari proyek, terlebih dahulu proyek disimpan.
2. Selanjutnya mengkompilasi proyek anda
3. Nama projek yang kita buat adalah proyek I setelah itu klik menu build < nama-proyek-anda
4. File exe tersebut berada direktori tempat proyek tersebut dibuat
Aturan penulisan Delphi
1. Bahasa paskal menggunakan huruf (aAzZ), angka (0..9), dan symbol khusus (+-*/=^<>(){},.;#$)
2. Tidak dibedakan penulisan menggunakan huruf capital maupun huruf kesil
3. Penlisan kode bisa dimulai dari kolom ke beberapa saja bisa memanjang sampai kolom beberapapun
4. Setiap akhir pernyataan diakhiri dengan tanda titik koma (;)
5. Akhir program atau unit ditandai dengan penulisan tanda titik (.)
6. Komentar program dapat ditulis dibelakangtanda double slash // hingga akhir baris atau ditulis dengan tanda
Tipe data
Ada enam tipe data pada Borland Delphi, yaitu
1. Tipe sampel terbagi atas dua tipe yaitu
a. Tipe ordinal terbagi menjadi
- tipe integer
- tipe character
- tipe Boolean
- tipe enumerated
- tipe subrange
b. Tipe real
2. Tipe string
3. Tipe structured
4. Tipe pointer
5. Tipe procedural
6. Tipe variant
Jumat, 18 Februari 2011
tuga 10 dan 11
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
a. Halaman web merupakan file teks murni (plain text) yg berisi sintaks- sintaks HTML yang dapat dibuka atau dilihat dengan Internet Browser,
b. Kegiatan 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;
Menyediakan dokumen web
Mengeksekusi dokumen web yang bersifat “server side” (php, asp, jsp) dan menerjemahkan kedalam bentuk yang bisa dipahami oleh “web Browser” di client,
Memiliki service (program) web server (program) web server (IIS, apache dan sebagainnya), dan
Memberikan response pada client.
b. Client;
Mengambil dokumen web,
mengeksekusi dokumen web yang bersifat “client side”,
Memiliki web browser untuk menerjemahkan dokumen web ke bentuk “manusiawi”,
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:
Membuat web sendiri,
Membetulkan “error” dari suatu web, dan
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
Semua informasi baik yang telah ditampilkan ataupun sebelum 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.
b. Mengatur siklus hidup website
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,
Setiap orang dapat menjadi reporter dan penerbit dengan gratis,
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,
c. Masuk www.google.com klik: serba-serbi google, klik: kirim konten ke google:
1. Klik: add your URL to Google
2. Isikan alamat URL saudara
3. Klik: add URL
34. Bagaimana sistem 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
1. 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: Disini Judul Dokumen HTML ,/title disini penulisan informasi Web .
2. Penjelasn Stuktur Dasar HTML
a. Tag adalah khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh 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 ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML.
3. 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; ini adalah tag pembuka judul dokumen HTML,
c. Disini judul dokumen HTML ini, judul dokumen dan tag penutup judul HTML.
4. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai, penulisannya adalah sebagai berikut: nama-attr = “ nilai-attr”, Nama-attr = “nilai-attr”>………….. . 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.
5. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Element Body untuk menampilkan isi dokumen HTML Tag dan tag terletak dibawah tag dan tag ,
b. Elemen Body memiliki attribute- attribute yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser, Sintaks: ,
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 dan tag terletak di antara tag (html> dan tag .
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
a. Halaman web merupakan file teks murni (plain text) yg berisi sintaks- sintaks HTML yang dapat dibuka atau dilihat dengan Internet Browser,
b. Kegiatan 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;
Menyediakan dokumen web
Mengeksekusi dokumen web yang bersifat “server side” (php, asp, jsp) dan menerjemahkan kedalam bentuk yang bisa dipahami oleh “web Browser” di client,
Memiliki service (program) web server (program) web server (IIS, apache dan sebagainnya), dan
Memberikan response pada client.
b. Client;
Mengambil dokumen web,
mengeksekusi dokumen web yang bersifat “client side”,
Memiliki web browser untuk menerjemahkan dokumen web ke bentuk “manusiawi”,
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:
Membuat web sendiri,
Membetulkan “error” dari suatu web, dan
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
Semua informasi baik yang telah ditampilkan ataupun sebelum 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.
b. Mengatur siklus hidup website
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,
Setiap orang dapat menjadi reporter dan penerbit dengan gratis,
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,
c. Masuk www.google.com klik: serba-serbi google, klik: kirim konten ke google:
1. Klik: add your URL to Google
2. Isikan alamat URL saudara
3. Klik: add URL
34. Bagaimana sistem 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
1. 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:
2. Penjelasn Stuktur Dasar HTML
a. Tag adalah khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh 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 ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML.
3. 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;
c. Disini judul dokumen HTML ini, judul dokumen dan tag penutup judul HTML.
4. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai, penulisannya adalah sebagai berikut:
b. Contohnya; untuk membuat warna teks menjadi kuning dan latar belakang halaman web menjadi hitam, penulisannya adalah body blogger = “black” text
5. Penjelasan Stuktur Dasar HTML (lanjutan)
a. Element Body untuk menampilkan isi dokumen HTML Tag dan tag terletak dibawah tag dan tag ,
b. Elemen Body memiliki attribute- attribute yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser, Sintaks: ,
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 dan tag terletak di antara tag (html> dan tag .
Langganan:
Postingan (Atom)