Judul Asli: THE BARE BONES GUIDE TO HTML oleh Kevin Werbach Versi 3.0 Formatted -- July 21, 1996 Alih bahasa Indonesia oleh Kristianto Jahja Versi Bahasa Indonesia -- 23 Desember 1996 ________________________________________ Versi terakhir dokumen ini terdapat di . Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati. Daftar Isi 1. PENDAHULUAN dan PERKENALAN o Keunikan dari panduan ini o Tag HTML apa saja yang tercakup o Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan) 2. TAG HTML o Elemen Dasar (semua dokumen HTML harus memuatnya) o Ancangan Struktural (tampilan terkendali oleh pilihan browser) o Format tampilan (penulis menetapkan tampilan naskah) o Acuan (links) dan grafik o Pemisah (dividers) o Daftar (lists) o Latar belakang dan warna o Huruf spesial o Formulir (forms) o Table (tables) o Frame o Java o Lain-lain Penting: Bila anda tidak cukup paham tentang perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions, sebaiknya anda membaca W3C statement tentang perkembangan HTML. ELEMEN DASAR ________________________________________ Jenis Dokumen (terdapat pada awal dan akhir dari file HTML) Judul (harus selalu terdapat pada mukadimah) Mukadimah (Header) (keterangan umum, seperti judul dsb.) Batang Tubuh (isi dari halaman HTML) ANCANGAN STRUKTURAL ________________________________________ Kepala (Heading - spesifikasi untuk menetapkan 6 tingkatan kepala) Penataan (Align) Kepala [*] Bagian (Division)
Penataan Bagian
Kutipan Blok (Block Quote)
[*] (tampilan dengan jeda terhadap batas pinggir) Penekanan (Emphasis) (umumnya huruf miring) Penguatan (Strong Emphasis) (umumnya huruf tebal) Kutipan singkat (Citation) (umumnya huruf miring) Kode (Code - untuk source code listings) Contoh Keluaran (Sample Output) Masukan Papan Ketik (Keyboard Input) Variabel (Variable) Definisi (Definition - jarang dipakai) Alamat Pengarang (Author's Address)
Huruf ukuran Besar Huruf Ukuran Kecil FORMAT TAMPILAN ________________________________________ Huruf Tebal (Bold) Huruf Miring (Italic) N3.0b Garis Bawah (Underline - jarang digunakan) Huruf Coret (Strikeout - jarang digunakan) N3.0b Huruf Coret (Strikeout - jarang digunakan) Huruf Geser Bawah (Subscript) Huruf Geser Atas (Superscript) Huruf Mesin Ketik (Typewriter - huruf berjarak tetap) Pra-format (Preformatted) (menampilkan dengan jarak pra-format) Jarak Huruf (mengatur jarak huruf) Rata Tengah
[*] (Center - berlaku untuk teks maupun gambar) N1.0 Huruf Kedip (Blinking - tag terlucu sampai kini) Ukuran Huruf (Font Size - boleh diisi dari 1 sampai 7) Rubah Ukuran Huruf N1.0 Basis Ukuran Huruf (boleh diisi 1 sampai 7; ukuran standard/default=3) Warna Huruf N3.0b Pilih Jenis Huruf N3.0b Teks Multi Kolom N3.0b Jarak Batas Kolom (default = 10 pixels) N3.0b Lebar Kolom N3.0b Celah (Spacer) N3.0b Jenis Celah N3.0b Ukuran Celah N3.0b Dimensi Celah N3.0b Penataan Celah ACUAN DAN GRAFIK ________________________________________ Acuan pada dokumen tertentu Acuan pada sasaran dalam dokumen (bila terdapat pada dokumen lain) (bila terdapat pada dokumen yang sama) N2.0 Jendela Sasaran (Target Window) Penamaan sasaran pada dokumen Kaitan(Relationship) (jarang digunakan) Kaitan terbalik (Reverse Relationship) (jarang digunakan) Peragaan Gambar Penataan Letak Gambar N1.0 Penataan Letak Gambar Alternatif Teks (saat gambar belum/tidak ditampilkan) Daerah Gambar (Imagemap) (membutuhkan program script) Daerah Gambar pihak klien Uraian Daerah Gambar Pembagian Daerah Gambar Dimensi Gambar (in pixels) Garis Batas (dalam satuan pixel) Ruang Pembatas (dalam satuan pixel) N1.0 Gambar Low-Res Proxy N1.1 Pemindahan Tarik
(Client Pull) N2.0 Objek Cantum (Embed Object - mencantumkan objek pada dokumen) N2.0 Ukuran Objek PEMISAH ________________________________________ Paragraf
[*] (tag penutup seringkali tak diperlukan) Align Text
[*] Pndah Baris (pindah ke baris berikut) Putus Penataan Baris (Clear Textwrap) Garis Datar
(Horizontal Rule) Penataan Letak Garis
Tebal Garis
(dalam satuan pixel) Lebar Garis
(dalam satuan pixel) N1.0 Lebar Garis Persentasi
(dalam persentasi terhadap lebar halaman) Garis Pejal
(Solid Line - tanpa pola 3D) N1.0 Tanpa Ganti Baris (No Break - mencegah ganti baris) N1.0 Sambung Suku Kata (Word Break - letak ganti baris bila diperlukan) DAFTAR ________________________________________ Daftar Tanpa Nomor
(Unordered List - Cantumkan
sebelum tiap butir) Kompak
(Compact) Jenis Butiran
(Bullet Type - berlaku umum bagi butir terdaftar)
(berlaku khusus pada butir ini dan selanjutnya) Daftar Bernomor
(Ordered List - Cantumkan
sebelum tiap butir) Kompak
Jenis Penomoran
(berlaku umum untuk semua butir dalam daftar)
(berlaku khusus pada butir ini dan selanjutnya) Nomor Mulai
(berlaku umum untuk semua butir dalam daftar)
(berlaku khusus pada butir ini dan selanjutnya) Daftar Definisi
(Definition List -
=istilah,
=uraian) Kompak
Daftar Menu
(Cantumkan
sebelum butir menu) Kompak
Daftar Direktori
(Cantumkan
sebelum tiap butir direktori) Kompak
LATAR BELAKANG DAN WARNA ________________________________________ Latar Belakang Gambar (Tiled Background) Warna Latar Belakang [*] (Background Color - urutan: merah/hijau/biru) Warna Huruf Teks [*] Warna Acuan [*] Acuan Lepas Kunjung [*] (Visited Link) Acuan Aktif [*] (Active Link) (Info lanjut di http://werbach.com/web/wwwhelp.html#color) HURUF SPESIAL(these must all be in lower case) ________________________________________ Special Character &#?; (where ? is the ISO 8859-1 code) < < > > & & " " Registered TM ® Copyright © Spasi tak putus Non-breaking Space (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html) FORMULIR ________________________________________ Rancangan Formulir
Define Forms N2.0 Mengirimkan File
File Upload Input Field Nama Field Nilai Field Kotak Periksa (checkboxes dan radio boxes) Ukuran Field (dalam satuan jumlah karakter) Panjang Maksimum (dalam satuan karakter) Daftar Pilihan Selection List Nama Daftar Pilihan Jumlah Pilihan Banyak Pilihan (dapat memilih lebih dari satu) Pilihan (butir yang dapat dipilih) Pilihan DefaultUkuran Input Box Nama Input Box N2.0 Rangkuman Teks Wrap Text TABEL ________________________________________ Rancangan Tabel
[*] Garis Batas Tabel
Celah Sel
Cell Spacing Penyangga Sel
Cell Padding Lebar Tabel
(dalam satuan pixel) Lebar Tabel Persentasi
(dalam satuan persen terhadap lebar halaman) Baris dalam Tabel
Penataan Letak Baris
VALIGN=TOPBOTTOMMIDDLE> Sel dalam Tabel
(harus ada dalam setiap baris tabel) Penataan Letak Sel
VALIGN=TOPBOTTOMMIDDLE> Tanpa Ganti Baris
Rentang Kolom
Columns to span Rentang Baris
Rows to span N1.1 Lebar Sel
(dalam satuan pixel) N1.1 Lebar Sel Persentasi
(dalam satuan persen terhadap lebar tabel) N3.0b Warna Sel
Kepala Tabel
(Table Header - seperti data dengan Bold dan Center) Penataan Letak Kepala Tabel
VALIGN=TOPBOTTOMMIDDLE> Tanpa Baris Baru
Rentang Kolom
Columns to Span Rentang Baris
Rows to Span N1.1 Lebar Kepala Tabel
(dalam satuan pixel) N1.1 Lebar Persentasi
(dalam persentasi terhadap lebar tabel) N3.0b Warna Kepala Tabel
Keterangan Tabel
Caption Penataan Keterangan
(di atas / di bawah tabel) FRAMES ________________________________________ N2.0 Dokumen dalam Frame (sebagai pengganti ) N2.0 Tinggi Baris Frame (dalam satuan pixel atau %) N2.0 Tinggi Baris Frame (* = ukuran relatif) N2.0 Lebar Kolom Frame (dalam satuan pixel atau %) N2.0 Lebar Kolom Frame (* = ukuran relatif) N3.0b Lebar Garis Batas N3.0b Garis Batas N3.0b Warna Garis Batas N2.0 Rancangan Frame (isi dari frame individu) N2.0 Tampilan Dokumen Frame N2.0 Nama Frame N2.0 Lebar Batas (batas kiri dan kanan) N2.0 Tinggi Batas (batas atas dan bawah) N2.0 Scrollbar? Memungkinkan scrolling pada frame N2.0 Ukuran Frame tak bisa diubah N3.0b Batas Frame N3.0b Warna Garis Batas N2.0 Isi tanpa Frame (bagi browser yang tak mampu frame) JAVA ________________________________________ Applet Nama File Applet
Parameter Applet
Sumber Applet
Identifier Applet
(sebagai rujukan di tempat lain pada halaman sama) Teks Alternatif
(untuk browser tanpa kemampuan Java browsers) Penataan Applet
Ukuran Applet
(in pixels) Celah batas Applet
(in pixels) LAIN-LAIN________________________________________ Komentar
(tidak ditampilkan oleh browser) Prolog HTML 3.2 [*] Mampu Cari
(indikasi indeks yang dapat dicari-temukan) Prompt (teks sebagai prompt) Perintah Cari HREF="URL?***"> (gunakan tanda tanya yang sebenarnya) URL dari
file ini (harus terletak di header) N2.0 Nama Dasar
Window (harus terletak di header) Kaitan (Relation dan Reverse Relation, harus terletak
di header) Informasi Meta (harus terletak di header)
Lembar Gaya Penulisan (Style Sheet - belum didukung
sepenuhnya) Scripts (belum didukung sepenuhnya) Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html_10.html'
title='permanent link'>04:59class='comment-link'
href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html_10.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1493440913673737050'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html'>PANDUAN
RINGKAS HTMLPANDUAN RINGKAS HTML Judul
Asli: THE BARE BONES GUIDE TO HTMLoleh href="mailto:barebones@werbach.com">Kevin WerbachVersi 3.0
Formatted -- July 21, 1996Alih bahasa Indonesia oleh href="mailto:kaizedn@indosat.net.id">Kristianto JahjaVersi
Bahasa Indonesia -- 23 Desember 1996 Versi terakhir dokumen ini terdapat di .
Panduan ini memuat semua tag yang
dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan
semua Tag yang terdapat pada href="http://www.w3.org/pub/WWW/MarkUp/Wilbur/">Spesifikasi HTML 3.2,
demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape
Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin;
namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat
mencarinya di WWW Help
Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan
senang hati. Daftar Isi PENDAHULUAN dan
PERKENALAN href="http://werbach.com/barebones/barebone_intro_id.html#unique">Keunikan
dari panduan ini href="http://werbach.com/barebones/barebone_intro_id.html#included">Tag HTML
apa saja yang tercakup href="http://werbach.com/barebones/barebone_intro_id.html#formatting">Bagimana
dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
TAG HTML href="http://werbach.com/barebones/barebone_id.html#general">Elemen
Dasar (semua dokumen HTML harus memuatnya)
href="http://werbach.com/barebones/barebone_id.html#structure">Ancangan
Struktural (tampilan terkendali oleh pilihan browser)
href="http://werbach.com/barebones/barebone_id.html#presentation">Format
tampilan (penulis menetapkan tampilan naskah)
Acuan
(links) dan grafik href="http://werbach.com/barebones/barebone_id.html#dividers">Pemisah
(dividers) href="http://werbach.com/barebones/barebone_id.html#lists">Daftar
(lists) href="http://werbach.com/barebones/barebone_id.html#color">Latar belakang dan
warna href="http://werbach.com/barebones/barebone_id.html#special">Huruf
spesial href="http://werbach.com/barebones/barebone_id.html#forms">Formulir
(forms) href="http://werbach.com/barebones/barebone_id.html#tables">Table
(tables) href="http://werbach.com/barebones/barebone_id.html#frames">Frame
href="http://werbach.com/barebones/barebone_id.html#java">Java
href="http://werbach.com/barebones/barebone_id.html#misc">Lain-lain
Penting: Bila anda tidak cukup paham tentang
perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions,
sebaiknya anda membaca href="http://www.w3.org/pub/WWW/MarkUp/Activity">W3C statement tentang
perkembangan HTML. name="general">
ELEMEN
DASAR
Jenis Dokumen
(terdapat
pada awal dan akhir dari file HTML)
Judul
(harus
selalu terdapat pada mukadimah)
Mukadimah (Header)
(keterangan umum, seperti judul dsb.)
Batang Tubuh
(isi dari
halaman HTML)
ANCANGAN STRUKTURAL
Kepala
(Heading -
spesifikasi untuk menetapkan 6 tingkatan kepala)
Penataan (Align) Kepala
href="http://werbach.com/barebones/barebone_annot_id.html#align">[*]
Bagian (Division)
Penataan Bagian
Kutipan Blok (Block Quote)
href="http://werbach.com/barebones/barebone_annot_id.html#blockquote">[*]
(tampilan dengan jeda
terhadap batas pinggir)
Penekanan
(Emphasis)
(umumnya huruf miring)
Penguatan (Strong Emphasis) (umumnya huruf tebal)
Kutipan singkat (Citation)
(umumnya
huruf miring)
Kode (Code - untuk source code listings)
Contoh Keluaran (Sample Output)
Masukan Papan Ketik
(Keyboard
Input)
Variabel
(Variable)
Definisi
(Definition - jarang dipakai)
Alamat Pengarang (Author's Address)
Huruf ukuran
Besar
Huruf Ukuran Kecil
FORMAT TAMPILAN
Huruf Tebal
(Bold)
Huruf Miring
(Italic)
N3.0b
Garis Bawah
(Underline - jarang digunakan)
Huruf Coret
(Strikeout - jarang digunakan) N3.0b
Huruf Coret
(Strikeout -
jarang digunakan)
Huruf Geser Bawah
(Subscript)
Huruf Geser Atas
(Superscript)
Huruf Mesin Ketik
(Typewriter - huruf berjarak tetap)
Pra-format (Preformatted)
(menampilkan dengan jarak pra-format)
Jarak Huruf (mengatur
jarak huruf)
Rata Tengah
href="http://werbach.com/barebones/barebone_annot_id.html#align">[*]
(Center - berlaku untuk teks
maupun gambar)
N1.0 Huruf Kedip
(Blinking - tag terlucu sampai kini)
Ukuran Huruf
(Font Size - boleh diisi dari 1 sampai 7)
Rubah Ukuran Huruf
N1.0
Basis Ukuran Huruf
(boleh diisi 1 sampai 7; ukuran standard/default=3)
Warna Huruf
N3.0b Pilih Jenis
Huruf
N3.0b
Teks Multi Kolom
N3.0b
Jarak Batas Kolom
(default = 10 pixels) N3.0b
Lebar Kolom
N3.0b
Celah (Spacer)
N3.0b
Jenis Celah
N3.0b
Ukuran Celah
N3.0b
Dimensi Celah
N3.0b
Penataan Celah
ACUAN DAN GRAFIK
Acuan pada dokumen
tertentu href="URL">
Acuan pada sasaran dalam
dokumen href="URL#***"> (bila
terdapat pada dokumen lain)
(bila terdapat pada dokumen yang sama) N2.0
Jendela Sasaran (Target Window) _blank_self_parent_top">
Penamaan sasaran pada dokumen
Kaitan(Relationship)
(jarang digunakan)
Kaitan terbalik (Reverse
Relationship) rev="***"> (jarang
digunakan)
Peragaan Gambar
Penataan Letak Gambar
N1.0
Penataan Letak Gambar
Alternatif
Teks (saat gambar
belum/tidak ditampilkan)
Daerah Gambar
(Imagemap) (membutuhkan program
script)
Daerah Gambar pihak klien
Uraian Daerah Gambar
Pembagian Daerah Gambar
Dimensi Gambar (in pixels)
Garis Batas
(dalam satuan pixel)
Ruang Pembatas
(dalam satuan pixel)
N1.0
Gambar Low-Res Proxy
N1.1
Pemindahan Tarik
(Client
Pull) N2.0
Objek Cantum (Embed Object - mencantumkan objek pada dokumen)
N2.0
Ukuran Objek
PEMISAH
Paragraf
href="http://werbach.com/barebones/barebone_annot_id.html#paragraph">[*]
(tag penutup seringkali tak
diperlukan)
Align Text
href="http://werbach.com/barebones/barebone_annot_id.html#align">[*]
Pndah Baris (pindah ke baris berikut)
Putus Penataan Baris
(Clear Textwrap)
Garis Datar (Horizontal Rule)
Penataan Letak Garis
Tebal Garis (dalam satuan pixel)
Lebar Garis (dalam satuan pixel)
N1.0
Lebar Garis Persentasi
(dalam
persentasi terhadap lebar halaman)
Garis Pejal (Solid Line - tanpa pola
3D) N1.0
Tanpa Ganti Baris
(No Break - mencegah ganti baris)
N1.0 Sambung Suku Kata
(Word Break - letak ganti baris bila diperlukan)
name="lists">
DAFTAR
Daftar Tanpa Nomor (Unordered List - Cantumkan sebelum tiap
butir)
Kompak
(Compact)
Jenis Butiran
(Bullet Type - berlaku umum bagi
butir terdaftar)
(berlaku khusus pada butir ini dan selanjutnya)
Daftar
Bernomor
(Ordered List - Cantumkan
sebelum tiap butir)
Kompak
Jenis
Penomoran (berlaku
umum untuk semua butir dalam daftar)
(berlaku
khusus pada butir ini dan selanjutnya)
Nomor Mulai
(berlaku umum untuk semua butir dalam
daftar)
(berlaku khusus pada butir ini dan selanjutnya)
Daftar Definisi
(Definition List - =istilah, =uraian)
Kompak
Daftar Menu
(Cantumkan sebelum butir menu)
Kompak
Daftar
Direktori
(Cantumkan sebelum tiap butir direktori)
Kompak
LATAR BELAKANG DAN WARNA
Latar
Belakang Gambar
(Tiled Background)
Warna Latar
Belakang href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
(Background Color - urutan:
merah/hijau/biru)
Warna Huruf Teks
href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
Warna Acuan href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
Acuan Lepas Kunjung
href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
(Visited Link)
Acuan Aktif
href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
(Active Link)
(Info lanjut di href="http://werbach.com/web/wwwhelp.html#color">
http://werbach.com/web/wwwhelp.html#color)
name="special">
HURUF
SPESIAL(these must all be in lower case)
Special
Character &#?;
(where ? is the ISO 8859-1 code)
<
>
>
&
&
"
"
Registered TM
®
Copyright
©
Spasi tak putus
Non-breaking Space (Daftar lengkap huruf
khusus terdapat di href="http://www.uni-passau.de/%7Eramsch/iso8859-1.html">
http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
name="forms">
FORMULIR
Rancangan Formulir
Define Forms
N2.0 Mengirimkan File
File Upload
Input Field
Nama
Field
Nilai Field
Kotak Periksa
(checkboxes dan radio boxes)
Ukuran Field (dalam satuan jumlah
karakter)
Panjang Maksimum
(dalam satuan karakter)
Daftar Pilihan
Selection List
Nama Daftar Pilihan
Jumlah Pilihan
Banyak Pilihan
(dapat memilih lebih dari satu)
Pilihan
(butir yang
dapat dipilih)
Pilihan Default
Ukuran Input
Box
Nama Input Box
N2.0 Rangkuman
Teks
Wrap Text
TABEL
Rancangan Tabel
href="http://werbach.com/barebones/barebone_annot_id.html#tables">[*]
Garis Batas Tabel
Celah Sel Cell Spacing
Penyangga Sel Cell Padding
Lebar Tabel (dalam satuan pixel)
Lebar Tabel Persentasi
(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel
Penataan Letak Baris VALIGN=TOPBOTTOMMIDDLE>
Sel dalam
Tabel
(harus ada dalam setiap baris tabel)
Penataan Letak Sel VALIGN=TOPBOTTOMMIDDLE>
Tanpa Ganti
Baris
Rentang Kolom Columns to span
Rentang Baris Rows to span N1.1
Lebar Sel (dalam satuan
pixel) N1.1
Lebar Sel Persentasi
(dalam satuan persen terhadap lebar
tabel) N3.0b
Warna Sel
Kepala Tabel
(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel
VALIGN=TOPBOTTOMMIDDLE>
Tanpa Baris
Baru
Rentang Kolom Columns to Span
Rentang Baris Rows to Span N1.1
Lebar Kepala Tabel
(dalam
satuan pixel)
N1.1 Lebar Persentasi
(dalam persentasi terhadap lebar tabel)
N3.0b
Warna Kepala Tabel
Keterangan Tabel
Caption
Penataan Keterangan
(di atas / di bawah tabel)
FRAMES
N2.0
Dokumen dalam Frame
(sebagai pengganti ) N2.0
Tinggi Baris Frame
(dalam satuan pixel atau %) N2.0
Tinggi Baris Frame
(* = ukuran relatif)
N2.0 Lebar Kolom
Frame (dalam
satuan pixel atau %)
N2.0 Lebar Kolom Frame
(* =
ukuran relatif)
N3.0b Lebar Garis
Batas
N3.0b
Garis Batas
N3.0b
Warna Garis Batas
N2.0
Rancangan Frame
(isi dari frame individu)
N2.0
Tampilan Dokumen Frame
N2.0
Nama Frame
N2.0
Lebar Batas (batas kiri
dan kanan) N2.0
Tinggi Batas
(batas atas dan bawah)
N2.0
Scrollbar?
Memungkinkan scrolling pada frame
N2.0
Ukuran Frame tak bisa diubah
N3.0b
Batas Frame
N3.0b
Warna Garis Batas
N2.0
Isi tanpa Frame
(bagi browser yang tak mampu frame)
JAVA
Applet
Nama File Applet
Parameter Applet
Sumber Applet
Identifier Applet
(sebagai rujukan di tempat
lain pada halaman sama)
Teks Alternatif
(untuk browser tanpa
kemampuan Java browsers)
Penataan Applet
Ukuran Applet
(in pixels)
Celah batas Applet
(in pixels)
name="misc">
LAIN-LAIN
Komentar
(tidak ditampilkan oleh browser)
Prolog HTML 3.2 href="http://werbach.com/barebones/barebone_annot_id.html#prologue">[*]
Mampu Cari
(indikasi
indeks yang dapat dicari-temukan)
Prompt (teks sebagai
prompt)
Perintah Cari (gunakan tanda tanya yang sebenarnya)
URL dari file ini (harus terletak di header)
N2.0
Nama Dasar Window
(harus terletak di header)
Kaitan
(Relation dan Reverse Relation, harus terletak di
header)
Informasi Meta
(harus terletak di header)
Lembar Gaya Penulisan
(Style
Sheet - belum didukung sepenuhnya)
Scripts
(belum didukung sepenuhnya
Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html'
title='permanent link'>04:52class='comment-link'
href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=7636229764279525844'
title='Edit Entri'>
Selasa, 2009 Januari 13href='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html'>Perangkat
keras internethref="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMCOl5QS5atrzC6r0PtL3KDn6SLd6ZyjlIOTyQjIfMo99-bVXDMrQW0LUHZBQGcF1Qyz9w7Tf4s9DzXa5gjZiflc7nyONUQOKAYFzqIT7taBDuWPFdexF3izWp5qyF6By44j49rk5hnM/s1600-h/images.jpg">href="http://images.google.co.id/imgres?imgurl=http://www.citycentercomputer.com/images/server/computer_networking_example.gif&imgrefurl=http://www.citycentercomputer.com/networks.html&usg=__aHh8OLEjikP0sLVIwTwOPm3VNMw=&h=373&w=500&sz=33&hl=id&start=16&tbnid=st9-xPY7ThJ1MM:&tbnh=97&tbnw=130&prev=/images%3Fq%3Dperangkat%2Bkeras%2Binternet%26gbv%3D2%26hl%3Did">Bekerja dengan internet memerlukan perangkat pendukung
yang baik, semakin tinggi spesifikasi komputer yang akan digunahref="http://images.google.co.id/imgres?imgurl=http://www.citycentercomputer.com/images/server/computer_networking_example.gif&imgrefurl=http://www.citycentercomputer.com/networks.html&usg=__aHh8OLEjikP0sLVIwTwOPm3VNMw=&h=373&w=500&sz=33&hl=id&start=16&tbnid=st9-xPY7ThJ1MM:&tbnh=97&tbnw=130&prev=/images%3Fq%3Dperangkat%2Bkeras%2Binternet%26gbv%3D2%26hl%3Did">kan
tentu akan semakin baik. dengan spesifikasi pendukung hardware yang baik akan
mempercepat proses akses.Untuk mengakses komputer, komponen hardware yang
dibutuhkan berupa:~ processor Minimal pentium III 500 Mhz~ RAM 64
MB~VGA Card 4 MB~Sound card Dan multimedia~CD-ROM/CD-ROM
DRIVE~Harddisk minimal 10 GB~Monitir SVGA~Printert desk jet~ modemPerangkat berikutnya adalah MODEM, merupakan perangkat
untuk memodulasi data dari listrik ke dalam gelombang elektromagnetik sehingga
dapat dikirim melalui udara. Modem terdiri dari 2 macam yaitu eksternal dan
internal.HUb atau Switchingberfungsi untuk menghubungkan dua
komputer atau lebih. HUB dibutuhkan jika kita membangun jaringan dengan kabel
UTP, jika kita menggunakan Kanel koaksial maka HUB tidak diperlukan.Dengan hub
maka koneksi antara satu komputer dengan komputer lainnya menjadi mudahkarena
seseorang tinggal memasukkan konektor RJ 45 kedalam prt yang dimiliki.
Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html'
title='permanent link'>22:29class='comment-link'
href='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=2839083591668009138'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html'>Manfaat
Internet
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisHkr3BQ4A1WGAbc37HYp1Ydgoqa2-u0n_W6FGdhtz50SqI0J2Y9lDDhqeTi1Uh13ChedkWa-u2CbYYtNMhifjRSYJ2IhcCST_wGMvKn-b8wQDQj7sVcWGhi3ihW4YN8Y5i7uF4bPfa0o/s1600-h/images+1.jpg">href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuImSFf3ETqyHo9qL-UbATXjfIGCrdWqDsvKFhBl8qePfFEAlk4lD14ywmbq15xliUpoeqKH1BLfWg1dBWqOHChFG1Zb9yLiGdca6Q5Kt5RBD1ycWKIfkhOGREein0Tl4UQG9e47ii2Lk/s1600-h/images+1.jpg">Internet merupakan jaringan komputer terbesar yang ada pada saat
ini.Internet merupakan dunia maya tanpa batas yang tidak mengenal batas - batas
suku bangsa dan benua.Tingginya mobilitas penggunaan internet menuntut
jaringan internet yang lebih fleksibel,sehingga seseorang yang sering bepergian
tetap dapat mengakses internet walaupun didalam mobil yang sedang berjalan.
Untuk memenuhi kebutuhan tersebut dikembangkan jaringan tanpa kabel ( nirkabel)
seperti telepon seluler.jaringan ini dikenal sebagai jaringan internet tanpa
kabel yang dikenal dengan WAP.WAP dalam beroperasi dapat menggunakan bantun
telepon selular sebagai sarana penghubung.Pemakai komputer atau user dapat
melakukan banyak hal , seperti:* mencari informasi( hosting)*belanja*berkirim surat*mengobrol*researchSaat ini
diperkirakan terdapat 30000 jaringan yang terhubung dengan internet.ada dua
peranan internet yang sangat penting.1. sebagai sumber data dan
informasisebagai sumber informasi,internet menyimpan berbagai jenis
informasi dalam jumlah yang sangat tidak terbatas.2.sebagai sarana
pertukaran data dan informasiKeunggulan internet1. koneksitas dan jangkauan globalDalam
internet jaringan yang terjalin bersifat global dan tanpa mengenal ruang2.
Akses 24 jamakses di internet tidak dibatasi waktu3. kecepatanPencarin informasi di internet jauh lebih cepat dibandibgkan dengan pencarian
secara manual.4. Interaktivitas dan fleksibilitskomunikasi dengan
pengguna internet dibelahan dunia dapat anda lakukan dengan tanpa bataas ruang
dan waktu.Kelemahan internet1. ketergantungan pada
jaringan telepon satelit dan ISP2. Ancaman virusDiposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html'
title='permanent link'>22:04class='comment-link'
href='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=112840307226418589'
title='Edit Entri'>
Senin, 2009 Januari 12href='http://whaksoce.blogspot.com/2009/01/blog.html'>BlogBlog
merupakan singkatan dari "web log" adalah bentuk href="http://www.blogger.com/wiki/Aplikasi_web">aplikasi web yang menyerupai
tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web
umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru
dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya
demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna
internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.
Daftar isi [id="togglelink" href="javascript:toggleToc()">sembunyikan]
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Sejarah">1 Sejarah href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Komunitas_Blogger">2 Komunitas Blogger
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Jenis-jenis_blog">3 Jenis-jenis blog
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Budaya_populer">4 Budaya populer
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Resiko_kejahatan">5 Resiko kejahatan
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Pranala_luar">6 Pranala luar
// name="Sejarah"> Sejarah Media blog pertama kali dipopulerkan
oleh href="http://www.blogger.com/wiki/Blogger">Blogger.com, yang dimiliki oleh
href="http://www.blogger.com/w/index.php?title=PyraLab&action=edit&redlink=1">PyraLab
sebelum akhirnya PyraLab diakuisi oleh href="http://www.blogger.com/wiki/Google">Google.Com pada akhir tahun 2002
yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat title="Sumber terbuka" href="http://www.blogger.com/wiki/Sumber_terbuka">sumber
terbuka yang diperuntukkan kepada perkembangan para href="http://www.blogger.com/wiki/Blogger">penulis blog tersebut.
Blog mempunyai fungsi yang sangat beragam, dari sebuah catatan harian, media
publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan
perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal,
sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang
memiliki fasilitas interaksi dengan para pengunjungnya, yang dapat
memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari
tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau
yang bersifat non-interaktif. Situs-situs web yang saling berkaitan
berkat weblog, atau secara total merupakan kumpulan weblog sering disebut
sebagai href="http://www.blogger.com/w/index.php?title=Blogosphere&action=edit&redlink=1">blogosphere.
Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat
besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial
terjadi dalam blogosphere, maka hal itu sering disebut sebagai
blogstorm atau badai blog. name="Komunitas_Blogger"> Komunitas Blogger Komunitas blogger adalah
sebuah ikatan yang terbentuk dari para blogger berdasarkan kesamaan-kesamaan
tertentu, seperti kesamaan asal daerah, kesamaan kampus, kesamaan hobi, dan
sebagainya. Para blogger yang tergabung dalam komunitas-komunitas blogger
tersebut biasanya sering mengadakan kegiatan-kegiatan bersama-sama seperti kopi
darat. Untuk bisa bergabung di komunitas blogger, biasanya ada semacam
syarat atau aturan yang harus dipenuhi untuk bisa masuk di komunitas tersebut,
misalkan berasal dari daerah tertentu. Beberapa jenis komunitas blogger
adalah Komunitas Blogger Daerah, yaitu Komunitas Blogger berdasarkan kedaerahan
atau wilayah tertentu, Komunitas Blogger Non-Daerah, yang biasanya terbentuk
karena kesamaan hobi atau yang lainnya, dan Komunitas Blogger Kampus. id="Jenis-jenis_blog" name="Jenis-jenis_blog"> Jenis-jenis
blog Blog politik: Tentang berita, politik, aktivis, dan
semua persoalan berbasis blog (Seperti kampanye). Blog pribadi:
Disebut juga buku harian online yang berisikan tentang pengalaman keseharian
seseorang, keluhan, puisi atau syair, gagasan jahat, dan perbincangan teman.
Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada
bahasan tertentu Blog kesehatan: Lebih spesifik tentang kesehatan.
Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan
terbaru, keterangan-ketarangan tentang kesehatan, dll. Blog sastra:
Lebih dikenal sebagai litblog (Literary blog). Blog perjalanan:
Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan
tentang perjalanan/traveling. Blog riset: Persoalan tentang akademis
seperti berita riset terbaru. Blog hukum: Persoalan tentang hukum atau
urusan hukum; disebut juga dengan blawgs (Blog Laws). Blog media:
Berfokus pada bahasan kebohongan atau ketidakkonsistensi media massa; biasanya
hanya untuk koran atau jaringan televisi Blog agama: Membahas tentang
agama Blog pendidikan: Biasanya ditulis oleh pelajar atau guru.
Blog kebersamaan: Topik lebih spesifik ditulis oleh kelompok tertentu.
Blog petunjuk (directory): Berisi ratusan link halaman website.
Blog bisnis: Digunakan oleh pegawai atau wirausahawan untuk kegiatan
promosi bisnis mereka Blog pengejawantahan: Fokus tentang objek
diluar manusia; seperti anjing Blog pengganggu (spam):
Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam
Blog)
href="http://www.blogger.com/w/index.php?title=Blog&action=edit§ion=4"> Budaya
populer Budaya populer"
href="http://www.blogger.com/w/index.php?title=Blog&action=edit§ion=4">Ngeblog (istilah bahasa Indonesia untuk blogging)
harus dilakukan hampir setiap waktu untuk mengetahui eksistensi dari pemilik
blog. Juga untuk mengetahui sejauh mana blog dirawat (mengganti template) atau
menambah artikel. Sekarang ada lebih 10 juta blog yang bisa ditemukan di
Internet.[class="mw-redirect" title="Wikipedia:Mengutip sumber"
href="http://www.blogger.com/wiki/Wikipedia:Mengutip_sumber">rujukan?]
Dan masih bisa berkembang lagi, karena saat ini ada banyak sekali software,
tool, dan aplikasi Internet lain yang mempermudah para blogger (sebutan pemilik
blog) untuk merawat blognya. name="Resiko_kejahatan"> Resiko kejahatan Karena blog sering digunakan
untuk menulis aktivitas sehari-hari yang terjadi pada penulisnya, ataupun
merefleksikan pandangan-pandangan penulisnya tentang berbagai macam topik yang
terjadi dan untuk berbagi informasi - blog menjadi sumber informasi bagi para
hacker, pencuri identitas, mata-mata, dan lain sebagainya. Banyak
berkas-berkas rahasia dan penulisan isu sensitif ditemukan dalam blog-blog. Hal
ini berakibat dipecatnya seseorang dari pekerjaannya, diblokir aksesnya,
didenda, dan bahkan ditangkap.Dikutip dari
http://www.wikipedia.orgDiposkan olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/blog.html' title='permanent
link'>22:51href='http://whaksoce.blogspot.com/2009/01/blog.html#comments' onclick=''>0
komentarhref='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/01/komput3r.html'>KoMpuT3RIlmu
komputer (Ilkom), atau dalam bahasa Inggrisnya disebut Computer
Science (CS), secara umum diartikan sebagai ilmu yang mempelajari baik
tentang href="http://www.blogger.com/wiki/Komputasi">komputasi, perangkat keras
(hardware) maupun perangkat lunak (software). Ilmu komputer mencakup
beragam topik yang berkaitan dengan href="http://www.blogger.com/wiki/Komputer">komputer, mulai dari analisa
abstrak href="http://www.blogger.com/wiki/Algoritma">algoritma sampai subyek yang
lebih konkret seperti href="http://www.blogger.com/wiki/Bahasa_pemrograman">bahasa pemrograman, title="Perangkat lunak"
href="http://www.blogger.com/wiki/Perangkat_lunak">perangkat lunak, termasuk
href="http://www.blogger.com/wiki/Perangkat_keras">perangkat keras. Sebagai
suatu disiplin ilmu, Ilmu Komputer lebih menekankan pada komputer" href="http://www.blogger.com/wiki/Pemrograman_komputer">pemrograman
komputer, dan href="http://www.blogger.com/wiki/Rekayasa_perangkat_lunak">rekayasa perangkat
lunak (software), sementara href="http://www.blogger.com/wiki/Teknik_komputer">teknik komputer lebih
cenderung berkaitan dengan hal-hal seperti perangkat keras komputer
(hardware). Namun demikian, kedua istilah tersebut sering disalah-artikan
oleh banyak orang.dibuat)"
href="http://www.blogger.com/w/index.php?title=Tesis_Church-Turing&action=edit&redlink=1">Tesis
Church-Turing menyatakan bahwa semua alat komputasi yang telah umum
diketahui sebenarnya sama dalam hal apa yang bisa mereka lakukan, sekalipun
dengan efisiensi yang berbeda. Tesis ini terkadang dianggap sebagai prinsip
dasar dari ilmu komputer. Para ahli ilmu komputer biasanya menekankan class="mw-redirect" title="Mesin von Neumann"
href="http://www.blogger.com/wiki/Mesin_von_Neumann">komputer von Neumann
atau href="http://www.blogger.com/wiki/Mesin_Turing">mesin Turing (komputer yang
mengerjakan tugas yang kecil dan deterministik pada suatu waktu tertentu),
karena hal seperti itulah kebanyakan komputer digunakan sekarang ini. Para ahli
ilmu komputer juga mempelajari jenis mesin yang lain, beberapa diantaranya belum
bisa dipakai secara praktikal (seperti (belum dibuat)"
href="http://www.blogger.com/w/index.php?title=Komputer_neural&action=edit&redlink=1">komputer
neural, href="http://www.blogger.com/w/index.php?title=Komputer_DNA&action=edit&redlink=1">komputer
DNA, dan href="http://www.blogger.com/wiki/Komputer_kuantum">komputer kuantum) serta
beberapa diantaranya masih cukup teoritis (seperti title="Komputer random (belum dibuat)"
href="http://www.blogger.com/w/index.php?title=Komputer_random&action=edit&redlink=1">komputer
random and href="http://www.blogger.com/w/index.php?title=Komputer_oracle&action=edit&redlink=1">komputer
oracle).Ilmu Komputer mempelajari apa yang bisa dilakukan oleh
beberapa program, dan apa yang tidak (title="Komputabilitas"
href="http://www.blogger.com/wiki/Komputabilitas">komputabilitas dan class="mw-redirect" title="Intelegensia buatan"
href="http://www.blogger.com/wiki/Intelegensia_buatan">intelegensia buatan),
bagaimana program itu harus mengevaluasi suatu hasil (href="http://www.blogger.com/wiki/Algoritma">algoritma), bagaimana program
harus menyimpan dan mengambil bit tertentu dari suatu informasi (title="Struktur data" href="http://www.blogger.com/wiki/Struktur_data">struktur
data), dan bagaimana program dan pengguna berkomunikasi (pengguna" href="http://www.blogger.com/wiki/Antarmuka_pengguna">antarmuka
pengguna dan href="http://www.blogger.com/wiki/Bahasa_pemrograman">bahasa
pemrograman).Ilmu komputer berakar dari href="http://www.blogger.com/wiki/Elektronika">elektronika, title="Matematika" href="http://www.blogger.com/wiki/Matematika">matematika
dan href="http://www.blogger.com/wiki/Linguistik">linguistik. Dalam tiga dekade
terakhir dari href="http://www.blogger.com/wiki/Abad_20">abad 20, ilmu komputer telah
menjadi suatu disiplin ilmu baru dan telah mengembangkan metode dan istilah
sendiri.Departemen ilmu komputer pertama didirikan di title="Universitas Purdue"
href="http://www.blogger.com/wiki/Universitas_Purdue">Universitas Purdue
pada tahun 1962.
Hampir semua universitas sekarang mempunyai departemen ilmu
komputer.Penghargaan tertinggi dalam ilmu komputer adalah class="mw-redirect" title="Turing Award"
href="http://www.blogger.com/wiki/Turing_Award">Turing Award, pemenang
penghargaan ini adalah semua pionir di bidangnya.Dijkstra" href="http://www.blogger.com/wiki/Edsger_Dijkstra">Edsger Dijkstra
mengatakan:Ilmu komputer bukan tentang komputer sebagaimana
astronomi bukan tentang teleskop Fisikawan ternama title="Richard Feynman"
href="http://www.blogger.com/wiki/Richard_Feynman">Richard Feynman
mengatakan:Ilmu komputer umurnya tidak setua fisika; lebih muda
beberapa ratus tahun. Walaupun begitu, ini tidak berarti bahwa "hidangan"
ilmuwan komputer jauh lebih sedikit dibanding fisikawan. Memang lebih muda, tapi
dibesarkan secara jauh lebih intensif! Daftar
isihref="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Catatan_tentang_istilah_.27Informatika.27_dan_.27Ilmu_komputer.27">1 Catatan tentang istilah
'Informatika' dan 'Ilmu komputer' href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Hubungan_Informatika_dengan_bidang_lain">2 Hubungan Informatika dengan
bidang lain href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Ilmu_Informasi">2.1 Ilmu Informasi
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Sistem_Informasi">2.2 Sistem Informasi
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Rekayasa_Perangkat_Lunak">2.3 Rekayasa Perangkat
Lunak href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Rekayasa_Komputer">2.4 Rekayasa Komputer
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Keamanan_Informasi">2.5 Keamanan Informasi
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Cabang_Ilmu_Utama_Informatika">3 Cabang Ilmu Utama
Informatika href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Dasar_Matematika">3.1 Dasar Matematika
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Teori_Ilmu_Komputer">3.2 Teori Ilmu
Komputer href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Perangkat_Keras">3.3 Perangkat Keras
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Organisasi_Sistem_Komputer">3.4 Organisasi Sistem
Komputer href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Perangkat_Lunak">3.5 Perangkat Lunak
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Data_dan_Sistem_Informasi">3.6 Data dan Sistem
Informasi href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Metodologi_Komputasi">3.7 Metodologi
Komputasi href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Aplikasi_Komputer">3.8 Aplikasi Komputer
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Lingkungan_Komputasi">3.9 Lingkungan
Komputasi href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Sejarah">4 Sejarah href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Ahli_Terkenal_Ilmu_Komputer">5 Ahli Terkenal Ilmu
Komputer href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Lihat_pula">6 Lihat pula href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Pranala_luar">7 Pranala luar
// id="Catatan_tentang_istilah_.27Informatika.27_dan_.27Ilmu_komputer.27"
name="Catatan_tentang_istilah_.27Informatika.27_dan_.27Ilmu_komputer.27">Catatan tentang istilah
'Informatika' dan 'Ilmu komputer'Dalam Indonesia" href="http://www.blogger.com/wiki/Bahasa_Indonesia">bahasa
Indonesia, istilah Informatika diturunkan dari bahasa title="Perancis" href="http://www.blogger.com/wiki/Perancis">Perancis
informatique, yang dalam bahasa Jerman disebut Informatik.
Sebenarnya, kata ini identik dengan istilah computer science di Amerika
Serikat dan computing science di Inggris. Namun, istilah
informatics dalam bahasa Inggris memiliki makna yang sedikit berbeda,
yaitu lebih menekankan pada aspek pengolahan informasi secara sistematis dan
rasional.name="Hubungan_Informatika_dengan_bidang_lain">Hubungan Informatika dengan
bidang lainIlmu komputer berkaitan erat dengan beberapa bidang
lain. Bidang-bidang ini tidak benar-benar terpisah, sekalipun mempunyai
perbedaan penting.name="Ilmu_Informasi">class="mw-redirect" title="Ilmu Informasi"
href="http://www.blogger.com/wiki/Ilmu_Informasi">Ilmu
InformasiIlmu Informasi adalah ilmu yang mempelajari
data dan informasi, mencakup bagaimana menginterpretasi, menganalisa, menyimpan,
dan mengambil kembali. Ilmu informasi dimulai sebagai dasar dari analisa title="Komunikasi" href="http://www.blogger.com/wiki/Komunikasi">komunikasi
dan basis
data.name="Sistem_Informasi">href="http://www.blogger.com/wiki/Sistem_Informasi">Sistem
InformasiSistem Informasi adalah aplikasi komputer
untuk mendukung operasi dari suatu organisasi yaitu: operasi, instalasi, dan
perawatan komputer, perangkat lunak, dan data. Manajemen" href="http://www.blogger.com/wiki/Sistem_Informasi_Manajemen">Sistem
Informasi Manajemen adalah kunci dari bidang yang menekankan finansial dan
personal manajemen. 'Sistem Informasi' dapat berupa gabungan dari beberapa
elemen teknologi berbasis komputer yang saling berinteraksi dan bekerja sama
berdasarkan suatu prosedur kerja (aturan kerja) yang telah ditetapkan, dimana
memproses dan mengolah data menjadi suatu bentuk informasi yang dapat digunakan
dalam mendukung keputusan.name="Rekayasa_Perangkat_Lunak">perangkat lunak"
href="http://www.blogger.com/wiki/Rekayasa_perangkat_lunak">Rekayasa Perangkat
LunakRekayasa Perangkat Lunak pada prinsipnya
menekankan pada tahapan-tahapan pengembangan suatu perangkat lunak yakni :
Analisis, Desain, Implementasi, Testing dan Maintenance. Pada tahap yang lebih
luas Rekayasa Perangkat Lunak mengacu pada Manajemen Proyek pengembangan
Perangkat Lunak itu sendiri dengan tetap memperhatikan tahapan-tahapan
pengembangan sebelumnya.Dalam pengembangannya perangkat lunak memiliki
berbagai model yaitu model water fall ('model konvensional' sebagai model
terdahulu yang dikembangkan dan karena model water fall nyaris sama dengan
siklus hidup pengembangan sistem), model prototype ('model yang disukai oleh
user dan pengembang), model sequensial linear, model RAD 'rapid aplikation
model', model 'formal method' atau 'metode formal' disini sebelum diadakannya
implementasi terlebih dahulu rancangan model yang dibuat diverifikasi terlebih
dahulu sehingga tidak ada lagi kesalahan - kesalahan pada saat
implementasi.name="Rekayasa_Komputer">href="http://www.blogger.com/w/index.php?title=Rekayasa_Komputer&action=edit&redlink=1">Rekayasa
KomputerRekayasa Komputer adalah ilmu yang mempelajari
analisa, desain, dan konstruksi dari perangkat keras komputer.Ilmu yang
mempelajari segala aspek pembuatan, konstruksi, pemeliharaan perangkat
lunak.Dikutip dari :http://www.wikipedia.orgDiposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/komput3r.html' title='permanent
link'>22:46href='http://whaksoce.blogspot.com/2009/01/komput3r.html#comments' onclick=''>0
komentarhref='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html'>PEMANFAATAN
INTERNET
Artikel:Pemanfaatan Internet
sebagai Sumber Pembelajaran IPS
Bahan ini cocok untuk Informasi / Pendidikan
Umum.Nama & E-mail (Penulis): href="mailto:arachm@pendidikan.zzn.com">arief a. mangkoesapoetraSaya
Guru di SMAN 21 BandungTanggal: 14-05-2004Judul Artikel: Pemanfaatan
Internet sebagai Sumber Pembelajaran IPSTopik: sumber pembelajaran
PEMANFAATAN INTERNET SEBAGAI
SUMBER PEMBELAJARAN IPS, SEBUAH KENISCAYAANOleh :Drs. ARIEF ACHMAD
MSP., M.Pd.Realitas empirik selama ini di tingkat persekolahan
memperlihatkan, dalam proses pembelajaran IPS, guru IPS kurang optimal baik di
dalam memanfaatkan maupun memberdayakan sumber pembelajaran, karena dalam
proses pembelajaran IPS cenderung masih berpusat pada guru (teacher centered),
textbook centered, dan monomedia. Adalah tidak dapat dipersalahkan apabila
banyak siswa mengganggap proses pembelajaran IPS sebagai sesuatu yang
membosankan, monoton, kurang menyenangkan, terlalu banyak hafalan, kurang
variatif, dan pelbagai keluhan lainnya.Padahal pendidikan IPS
merupakan synthetic science, karena konsep, generalisasi, dan temuan-temuan
penelitian ditentukan atau diobservasi setelah fakta terjadi. Informasi faktual
tentang kehidupan sosial atau masalah-masalah kontemporer yang terjadi di
masyarakat dapat ditemukan dalam liputan (exposure) media massa, karena media
massa diyakini dapat menggambarkan realitas sosial dalam berbagai aspek
kehidupan. Meskipun untuk itu, informasi atau pesan (message) yang
ditampilkannya¡Xsebagaimana dapat dibaca di surat kabar atau majalah,
didengarkan di radio, dilihat di televisi atau internet¡Xtelah melalui suatu
saringan (filter) dan seleksi dari pengelola media itu untuk berbagai
kepentingannya, misalnya : untuk kepentingan bisnis atau ekonomi, kekuasaan atau
politik, pembentukan opini publik, hiburan (entertainment) hingga pendidikan.
Terlepas dari berbagai kepentingan yang melatarbelakangi pemunculan
suatu informasi atau pesan yang disajikan oleh media massa, kiranya tidak dapat
dipungkiri lagi bahwa pada masa kini pertemuan orang dengan media massa sudah
tidak dapat dielakkan lagi. Tidaklah berlebihan kiranya apabila abad ke-21
disebut sebagai abad komunikasi massa, bahkan dalam pembabakan sejarah umat
manusia, McLuhan (1964) menyatakannya sebagai babak neo-tribal (sesudah babak
tribal dan babak Gutenberg), yakni masa di mana alat-alat elektronis
memungkinkan manusia menggunakan beberapa macam alat indera dalam komunikasi.
Adapun Alvin Toffler (1981) menamakannya sebagai The Third Wave. Sementara itu, seiring dengan pesatnya perkembangan media informasi dan
komunikasi, baik perangkat keras (hardware) maupun perangkat lunak (software),
akan membawa perubahan bergesernya peranan guru¡Xtermasuk guru
IPS¡Xsebagai penyampai pesan/informasi. Ia tidak bisa lagi berperan sebagai
satu-satunya sumber informasi bagi kegiatan pembelajaran para siswanya. Siswa
dapat memperoleh informasi dari berbagai sumber¡Xterutama dari media massa,
apakah dari siaran televisi dan radio (media elektronik), surat kabar dan
majalah (media cetak), komputer pribadi, atau bahkan dari internet.Adalah tidak berlebihan kiranya apabila disebutkan bahwa media massa sangat
berpengaruh di dalam pendidikan IPS. Hal ini didasarkan pada berbagai temuan
penelitian yang menyiratkan, antara lain, bahwa :1. Media massa,
khususnya televisi, telah begitu memasyarakat;2. Media massa
berpengaruh terhadap proses sosialisasi;3. Orang-orang lebih
mengandalkan informasi yang berasal dari media massa daripada dari orang
lain;4. Para guru IPS perlu memberdayakan media massa sebagai
sumber pembelajarannya; dan5. Para orang tua dan pendidik, baik
secara sendiri-sendiri maupun secara bersama-sama, dapat meminimalisasikan
pengaruh negatif media massa dan mengoptimalkan dampak positifnya. (Adiwikarta,
1988; Nielsen Media, 1989; Dominguez and Rincon, 1992; Prisloo and Criticos,
1994)Lain daripada itu, massa dapat menunjang keberhasilan proses
pembelajaran IPS melalui tiga cara :1. Media massa dapat
memperbaiki bagian content dari kurikulum IPS;2. Media massa dapat
dijadikan alat pembelajaran yang penting bagi IPS; dan3. Media
massa dapat digunakan untuk menolong siswa mempelajari metodologi ilmu-ilmu
sosial, khususnya di dalam menentukan dan menginterpretasi fakta-fakta sosial
(Clark, 1965 : 46-54).Tulisan ini mencoba memberikan salah satu
solusi alternatif untuk mengatasi problematika sebagaimana dipaparkan di awal
tulisan, yakni dengan memanfaatkan salah satu media massa
kontemporer¡Xinternet sebagai sumber pembelajaran IPS.Internet,
singkatan dari ¡§internatonal network¡¨, adalah jaringan
informasi global, yakni ¡§the largest global network of computers, that
enables people throughout the world to connect with each other¡¨.
Internet dicetuskan pertama kali ide pembuatannya oleh J.C.R. Licklider dari
MIT (Massachusetts Institute Technology) pada bulan Agustus 1962. Di Indonesia,
internet mulai meluas sekitar tahun 1995, sejak berdirinya indointernet (Purbo,
2000).Untuk dapat menggunakan internet diperlukan sebuah komputer
(memory minimal 4 mega), harddisk yang cukup, modem (berkecepatan minimal
14.400), sambungan telepon (multifungsi : telepon, faksimile, dan internet),
ada program Windows, dan sedikit banyak tahu cara mengoperasikannya.
Selanjutnya hubungi provider terdekat. Andaikan semua prasyarat tadi tidak
dimiliki, cukup mendatangi warnet (warung internet) terdekat yang banyak
terdapat di kota-kota besar¡Xmaka kita dapat mengakses situs-situs apa saja
sesuai dengan kebutuhan kita.Internet disebut juga media massa
kontemporer, karena memenuhi syarat-syarat sebagai sebuah media massa, seperti
antara lain : ditujukan kepada sejumlah khalayak yang tersebar, heterogen, dan
anonim serta melewati media cetak atau elektronik, sehingga pesan informasi
yang sama dapat diterima secara serentak dan sesaat oleh khalayaknya. Pemanfaatan internet sebagai sumber pembelajaran IPS mengkondisikan siswa
untuk belajar secara mandiri. ¡§Through independent study, students
become doers, as well as thinkers¡¨ (Cobine, 1997). Para siswa dapat
mengakses secara online dari berbagai perpustakaan, museum, database, dan
mendapatkan sumber primer tentang berbagai peristiwa sejarah, biografi,
rekaman, laporan, data statistik, atau kutipan yang berkaitan dengan IPS
(Gordin et. al., 1995). Informasi yang diberikan server-computers itu dapat
berasal dari ¡§commercial businesses (.com), goverment services (.gov),
nonprofit organizations (.org), educational institutions (.edu), atau artistic
and cultural groups (.arts)¡¨ Siswa dapat berperan sebagai
seorang peneliti, menjadi seorang analis, tidak hanya konsumen informasi saja.
Mereka menganalisis informasi yang relevan dengan pembelajaran IPS dan
melakukan pencarian yang sesuai dengan kehidupan nyatanya (real life).Siswa dan guru tidak perlu hadir secara fisik di kelas (classroom meeting),
karena siswa dapat mempelajari bahan ajar dan mengerjakan tugas-tugas
pembelajaran serta ujian dengan cara mengakses jaringan komputer yang telah
ditetapkan secara online.Siswa juga dapat belajar bekerjasama
(collaborative) satu sama lain. Mereka dapat saling berkirim e-mail (electronic
mail) untuk mendiskusikan bahan ajar IPS. Kemudian, selain mengerjakan
tugas-tugas pembelajaran dan menjawab pertanyaan-pertanyaan yang diberikan guru
IPS, siswa dapat berkomunikasi dengan teman sekelasnya (classmates).Pemanfaatan internet sebagai sistem e-learning memiliki beberapa kelebihan
sebagai berikut :1. Dimungkinkan terjadinya distribusi pendidikan
ke semua penjuru tanah air dan kapasitas daya tampung yang tidak terbatas
karena tidak memerlukan ruang kelas;2. Proses pembelajaran tidak
terbatas oleh waktu seperti halnya tatap muka biasa; 3. Pembelajaran
dapat memilih topik atau bahan ajar yang sesuai dengan keinginan dan kebutuhan
masing-masing;4. Lama waktu belajar juga tergantung pada kemampuan
masing-masing pembelajar/siswa;5. Adanya keakuratan dan kekinian
materi pembelajaran;6. Pembelajaran dapat dilakukan secara
interaktif, sehingga menarik pembelajar/siswa; dan7. Memungkinkan
pihak berkepentingan (orang tua siswa maupun guru) dapat turut serta
menyukseskan proses pembelajaran, dengan cara mengecek tugas-tugas yang
dikerjakan siswa secara on-line.Selain beberapa kelebihan di atas,
ada kelemahan yang mungkin timbul dalam sistem e-learning ini, yaitu tingginya
kemungkinan gangguan belajar; sebab sistem tersebut mengkondisikan siswa untuk
belajar mandiri, sehingga faktor motivasi belajar menjadi lebih signifikan
terhadap keberhasilan belajar siswa. Untuk itu diperlukan adanya semacam
penasehat (counsellor) yang memantau dan memotivasi belajar siswa agar prestasi
belajarnya tidak menurun, dengan cara mengerjakan tugas-tugas belajar
sebaik-baiknya dan secara tepat waktu. Di samping itu juga agar siswa tidak
mengakses hal-hal yang tidak ada kaitannya sama sekali dengan pelajaran atau
hal-hal yang bersifat negatif (misalnya membuka situs-situs porno, atau membobol
rekening bank dan rahasia perusahaan).Meskipun begitu, pemanfaatan
internet (sistem e-learning) sebagai sumber pembelajaran IPS merupakan sebuah
keniscayaan, karena beberapa alasan berikut :1. Mengingat penduduk
Indonesia yang sangat besar dan tersebar di berbagai wilayah, serta terbatasnya
daya tampung sekolah dan lembaga pendidikan lainnya, sehingga tidak mungkin
dapat menampung mereka yang ingin belajar, maka prospek pemanfaatan internet
sebagai suatu pendidikan alternatif cukup cerah;2. Mendukung
pencapaian pembelajaran IPS yang multicultural;3. Mendorong
kemampuan bagaimana belajar untuk belajar (learning to learn);4.
Membawa dampak ikutan yang positif, umpamanya meningkatnya kemampuan berbahasa
Inggris; dan5. Secara psikologis, akses terhadap internet juga
menumbuhkan rasa percaya diri karena memungkinkan kita untuk tidak lagi
terasing dari informasi sampai yang paling mutakhir.Penulis adalah
guru SMAN 21 Bandung.PUSTAKA ACUANAdiwikarta, S.
(1988). Sosiologi Pendidikan : Isyu dan Hipotesis tentang Hubungan Pendidikan
dengan Masyarakat. Jakarta : P2LPTK-Ditjen Dikti Depdikbud.Clark,
L.H. (1965). Social Studies and Mass Media. Plainfield, N.J. : New Jersey
Secondary School Teachers Association). Clark, L.H. (1973). Teaching
Social Studies in Schools : A Handbook. New York : MacMillan Publishing Co.,
Inc.Cobine, G.R. (1997). Studying with the Computer. ERIC Digest.
[Online]. Tersedia : http://www.ericfacility.net/ericdigests/ed450069.html. [28
April 2003]. Dominguez and Rincon. (1992). ¡§The Influence
of Television¡¨.Dalam Buckingham, et.al. (Eds.). New Direction of Media
Education. London : British Film Institute.Gordin, D.L. et.al.
(1995). ¡§Using the WorldWideWeb to Build Learning
Communities¡¨. Northwestern University Magazine, April, 1-17. McLuhan, M. (1964). Understanding Media : The Extensive of Man. New York :
McGraw-Hill.Nielsen Media Research. (1998). Report on Television.
New York : A.C. Nielsen Company.Prinsloo, J. and Criticos, C.
(1994). Media Matters. New York : St. Martin Press.Purbo, O.W.
(2000). ¡§Perkembangan Teknologi Informasi dan Internet di
Indonesia¡¨. Kompas (28 Juni 2000). Toffler, A. (1981). The
Third Wave. New York : Bantam Books.dikutip dari :
http://re-seahengines.comuntuk tugas
sekolah Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html'
title='permanent link'>22:33class='comment-link'
href='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=5991465620591787348'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/search?updated-max=2009-01-12T22%3A33%3A00-08%3A00&max-results=7'
id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama
Langgan:href='http://whaksoce.blogspot.com/feeds/posts/default' target='_blank'
type='application/atom+xml'>Entri (Atom)Blog Archive
href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1230796800000&toggleopen=MONTHLY-1235894400000'>
▼ href='http://whaksoce.blogspot.com/search?updated-min=2009-01-01T00%3A00%3A00-08%3A00&updated-max=2010-01-01T00%3A00%3A00-08%3A00&max-results=7'>2009
(7) href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1235894400000&toggleopen=MONTHLY-1235894400000'>
▼ href='http://whaksoce.blogspot.com/2009_03_01_archive.html'>Maret
(2) href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html_10.html'>PANDUAN
RINGKAS HTMLhref='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html'>PANDUAN
RINGKAS HTMLclass='toggle'
href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1230796800000&toggleopen=MONTHLY-1235894400000'>
► href='http://whaksoce.blogspot.com/2009_01_01_archive.html'>Januari
(5) href='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html'>Perangkat
keras internethref='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html'>Manfaat
Internethref='http://whaksoce.blogspot.com/2009/01/blog.html'>Bloghref='http://whaksoce.blogspot.com/2009/01/komput3r.html'>KoMpuT3R
href='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html'>PEMANFAATAN
INTERNET
href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1235894400000'>
► href='http://whaksoce.blogspot.com/search?updated-min=2008-01-01T00%3A00%3A00-08%3A00&updated-max=2009-01-01T00%3A00%3A00-08%3A00&max-results=1'>2008
(1) href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1228118400000&toggleopen=MONTHLY-1235894400000'>
► href='http://whaksoce.blogspot.com/2008_12_01_archive.html'>Desember
(1) href='http://whaksoce.blogspot.com/2008/12/perangkat-k3ras-internet.html'>Perangkat
K3ras internethref='http://www.blogger.com/rearrange?blogID=2442100737062399218&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget'
onclick='return
_WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));'
target='configBlogArchive1' title='Edit'>
About Mehref='http://www.blogger.com/profile/09566132752598877137'>whax's
ocemenurut temen2 q, q tu aneh, lucu n
gokil... tpi smart lhoo (he...3x) sekarang masih sekolah di SMASA KRAX'S....
pernah tinggal di malang, lumajang , di prolink n pinginnya sih nanti tinggal di
surga.... he..4x.nama bekenX Whax.... salam kenal YAAAAAAAAclass='profile-link'
href='http://www.blogger.com/profile/09566132752598877137'>Lihat profil
lengkapkuhref='http://www.blogger.com/rearrange?blogID=2442100737062399218&widgetType=Profile&widgetId=Profile1&action=editWidget'
onclick='return
_WidgetManager._PopupConfig(document.getElementById("Profile1"));'
target='configProfile1' title='Edit'>
_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=2442100737062399218',
'http://whaksoce.blogspot.com/','2442100737062399218');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=2442100737062399218',
'9COmCS3RPYEsOAtU53CpYyTxgqc:1237253236130');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'be your
self', 'pageType': 'index', 'url': 'http://whaksoce.blogspot.com/',
'homepageUrl': 'http://whaksoce.blogspot.com/', 'pageName': '', 'pageTitle': 'be
your self', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false,
'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42
type\75\42application/atom+xml\42 title\75\42be your self - Atom\42
href\75\42http://whaksoce.blogspot.com/feeds/posts/default\42 /\76\n\74link
rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42be your self -
RSS\42 href\75\42http://whaksoce.blogspot.com/feeds/posts/default?alt\75rss\42
/\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42
title\75\42be your self - Atom\42
href\75\42http://www.blogger.com/feeds/2442100737062399218/posts/default\42
/\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42
title\75\42RSD\42
href\75\42http://www.blogger.com/rsd.g?blogID\0752442100737062399218\42 /\076',
'meTag': '\74link rel\75\42me\42
href\75\42http://www.blogger.com/profile/09566132752598877137\42 /\76\n',
'openIdOpTag': '\74link rel\75\42openid.server\42
href\75\42http://www.blogger.com/openid-server.g\42 /\76\n',
'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var
a\75window;function d(){this.t\75{};this.tick\75function(b,c){this.t[b]\75[(new
Date).getTime(),c]};this.tick(\42start\42)}var e\75new
d;a.jstiming\75{Timer:d,load:e};try{a.jstiming.pt\75a.external.pageT}catch(f){};function
g(b){var c\0750;if(b.offsetParent){do
c+\75b.offsetTop;while(b\75b.offsetParent)}return
c}a.tickAboveFold\75function(b){g(b)\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var
h\75false;function
i(){if(!h){h\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,i,false):a.attachEvent(\42onscroll\42,i);
})();\74/script\076'}}]);_WidgetManager._SetSystemMarkup({'layout': {'varName':
'', 'template': '\74div class\75\47widget-wrap1\47\76\n\74div
class\75\47widget-wrap2\47\76\n\74div class\75\47widget-wrap3\47\76\n\74div
class\75\47widget-content\47\76\n\74div
class\75\47layout-title\47\76\74data:layout-title\76\74/data:layout-title\76\74/div\76\n\74a
class\75\47editlink\47 expr:href\75\47data:widget.quickEditUrl\47
expr:onclick\75\47\46quot;return
_WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +
data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47
target\75\47chooseWidget\47\76\74data:edit-link\76\74/data:edit-link\76\74/a\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74/div\076'},
'quickedit': {'varName': '', 'template': '\74div
class\75\47clear\47\76\74/div\76\n\74span
class\75\47widget-item-control\47\76\n\74span class\75\47item-control
blog-admin\47\76\n\74a class\75\47quickedit\47
expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return
_WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +
data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47
expr:target\75\47\46quot;config\46quot; + data:widget.instanceId\47
expr:title\75\47data:edit-link\47\76\n\74img alt\75\47\47 height\75\04718\47
src\75\47http://img1.blogblog.com/img/icon18_wrench_allbkg.png\47
width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/span\76\n\74div
class\75\47clear\47\76\74/div\076'}, 'all-head-content': {'varName': 'page',
'template':
'\74data:blog.latencyHeadScript\76\74/data:blog.latencyHeadScript\76\n\74meta
expr:content\75\47\46quot;text/html; charset\75\46quot; + data:page.encoding\47
http-equiv\75\47Content-Type\47/\76\n\74meta content\75\47true\47
name\75\47MSSmartTagsPreventParsing\47/\76\n\74meta content\75\47blogger\47
name\75\47generator\47/\76\n\74link
href\75\47http://www.blogger.com/favicon.ico\47 rel\75\47icon\47
type\75\47image/vnd.microsoft.icon\47/\76\n\74data:blog.feedLinks\76\74/data:blog.feedLinks\76\n\74data:blog.meTag\76\74/data:blog.meTag\76\n\74data:blog.openIdOpTag\76\74/data:blog.openIdOpTag\76\n\74b:if
cond\75\47data:page.isPrivate\47\76\n\74meta content\75\47NOINDEX,NOFOLLOW\47
name\75\47robots\47/\76\n\74/b:if\076'}});
_WidgetManager._RegisterWidget('_BlogArchiveView', new
_WidgetInfo('BlogArchive1', 'sidebar',{'main': {'varName': '', 'template':
'\74b:if
cond\75\47data:title\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div
class\75\47widget-content\47\76\n\74div id\75\47ArchiveList\47\76\n\74div
expr:id\75\47data:widget.instanceId +
\46quot;_ArchiveList\46quot;\47\76\n\74b:if cond\75\47data:style \75\75
\46quot;HIERARCHY\46quot;\47\76\n\74b:include data\75\47data\47
name\75\47interval\47\76\74/b:include\76\n\74/b:if\76\n\74b:if
cond\75\47data:style \75\75 \46quot;FLAT\46quot;\47\76\n\74b:include
data\75\47data\47 name\75\47flat\47\76\74/b:include\76\n\74/b:if\76\n\74b:if
cond\75\47data:style \75\75 \46quot;MENU\46quot;\47\76\n\74b:include
data\75\47data\47
name\75\47menu\47\76\74/b:include\76\n\74/b:if\76\n\74/div\76\n\74/div\76\n\74b:include
name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}, 'flat': {'varName':
'data', 'template': '\74ul\76\n\74b:loop values\75\47data:data\47
var\75\47i\47\76\n\74li class\75\47archivedate\47\76\n\74a
expr:href\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76\74/a\76
(\74data:i.post-count\76\74/data:i.post-count\76)\n
\74/li\76\n\74/b:loop\76\n\74/ul\076'}, 'menu': {'varName': 'data', 'template':
'\74select expr:id\75\47data:widget.instanceId +
\46quot;_ArchiveMenu\46quot;\47\76\n\74option
value\75\47\47\76\74data:title\76\74/data:title\76\74/option\76\n\74b:loop
values\75\47data:data\47 var\75\47i\47\76\n\74option
expr:value\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76
(\74data:i.post-count\76\74/data:i.post-count\76)\74/option\76\n\74/b:loop\76\n\74/select\076'},
'interval': {'varName': 'intervalData', 'template': '\74b:loop
values\75\47data:intervalData\47 var\75\47i\47\76\n\74ul\76\n\74li
expr:class\75\47\46quot;archivedate \46quot; +
data:i.expclass\47\76\n\74b:include data\75\47i\47
name\75\47toggle\47\76\74/b:include\76\n\74a class\75\47post-count-link\47
expr:href\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76\74/a\76\n
(\74span
class\75\47post-count\47\76\74data:i.post-count\76\74/data:i.post-count\76\74/span\76)\n
\74b:if cond\75\47data:i.data\47\76\n\74b:include data\75\47i.data\47
name\75\47interval\47\76\74/b:include\76\n\74/b:if\76\n\74b:if
cond\75\47data:i.posts\47\76\n\74b:include data\75\47i.posts\47
name\75\47posts\47\76\74/b:include\76\n\74/b:if\76\n\74/li\76\n\74/ul\76\n\74/b:loop\076'},
'toggle': {'varName': 'interval', 'template': '\74b:if
cond\75\47data:interval.toggleId\47\76\n\74b:if cond\75\47data:interval.expclass
\75\75 \46quot;expanded\46quot;\47\76\n\74a class\75\47toggle\47
expr:href\75\47data:widget.actionUrl + \46quot;\46amp;action\75toggle\46quot; +
\46quot;\46amp;dir\75close\46amp;toggle\75\46quot; + data:interval.toggleId
+ \46quot;\46amp;toggleopen\75\46quot; + data:toggleopen\47\76\n\74span
class\75\47zippy toggle-open\47\76\46#9660;
\74/span\76\n\74/a\76\n\74b:else\76\74/b:else\76\n\74a class\75\47toggle\47
expr:href\75\47data:widget.actionUrl + \46quot;\46amp;action\75toggle\46quot; +
\46quot;\46amp;dir\75open\46amp;toggle\75\46quot; +
data:interval.toggleId + \46quot;\46amp;toggleopen\75\46quot; +
data:toggleopen\47\76\n\74span class\75\47zippy\47\76\46#9658;
\74/span\76\n\74/a\76\n\74/b:if\76\n\74/b:if\076'}, 'posts': {'varName':
'posts', 'template': '\74ul class\75\47posts\47\76\n\74b:loop
values\75\47data:posts\47 var\75\47i\47\76\n\74li\76\74a
expr:href\75\47data:i.url\47\76\74data:i.title\76\74/data:i.title\76\74/a\76\74/li\76\n\74/b:loop\76\n\74/ul\076'}},
document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'},
'displayModeFull'));_WidgetManager._RegisterWidget('_ProfileView', new
_WidgetInfo('Profile1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if
cond\75\47data:title !\75
\46quot;\46quot;\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div
class\75\47widget-content\47\76\n\74b:if cond\75\47data:team \75\75
\46quot;true\46quot;\47\76\n\74ul\76\n\74b:loop values\75\47data:authors\47
var\75\47i\47\76\n\74li\76\74a
expr:href\75\47data:i.userUrl\47\76\74data:i.display-name\76\74/data:i.display-name\76\74/a\76\74/li\76\n\74/b:loop\76\n\74/ul\76\n\74b:else\76\74/b:else\76\n\74b:if
cond\75\47data:photo.url !\75 \46quot;\46quot;\47\76\n\74a
expr:href\75\47data:userUrl\47\76\74img class\75\47profile-img\47
expr:alt\75\47data:photo.alt\47 expr:height\75\47data:photo.height\47
expr:src\75\47data:photo.url\47
expr:width\75\47data:photo.width\47/\76\74/a\76\n\74/b:if\76\n\74dl
class\75\47profile-datablock\47\76\n\74dt
class\75\47profile-data\47\76\74data:displayname\76\74/data:displayname\76\74/dt\76\n\74b:if
cond\75\47data:showlocation \75\75 \46quot;true\46quot;\47\76\n\74dd
class\75\47profile-data\47\76\74data:location\76\74/data:location\76\74/dd\76\n\74/b:if\76\n\74b:if
cond\75\47data:aboutme !\75 \46quot;\46quot;\47\76\74dd
class\75\47profile-textblock\47\76\74data:aboutme\76\74/data:aboutme\76\74/dd\76\74/b:if\76\n\74/dl\76\n\74a
class\75\47profile-link\47
expr:href\75\47data:userUrl\47\76\74data:viewProfileMsg\76\74/data:viewProfileMsg\76\74/a\76\n\74/b:if\76\n\74b:include
name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}},
document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1',
'header'));_WidgetManager._RegisterWidget('_NavbarView', new
_WidgetInfo('Navbar1', 'navbar'));_WidgetManager._RegisterWidget('_BlogView',
new _WidgetInfo('Blog1', 'main'));
Senin, 16 Maret 2009
PANDUAN RINGKAS HTML
Diposting oleh cuex is the best di 18.33 0 komentar
PANDUAN RINGKAS HTML
Judul Asli: THE BARE BONES GUIDE TO HTML oleh Kevin Werbach Versi 3.0 Formatted -- July 21, 1996 Alih bahasa Indonesia oleh Kristianto Jahja Versi Bahasa Indonesia -- 23 Desember 1996 ________________________________________ Versi terakhir dokumen ini terdapat di . Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati. Daftar Isi 1. PENDAHULUAN dan PERKENALAN o Keunikan dari panduan ini o Tag HTML apa saja yang tercakup o Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan) 2. TAG HTML o Elemen Dasar (semua dokumen HTML harus memuatnya) o Ancangan Struktural (tampilan terkendali oleh pilihan browser) o Format tampilan (penulis menetapkan tampilan naskah) o Acuan (links) dan grafik o Pemisah (dividers) o Daftar (lists) o Latar belakang dan warna o Huruf spesial o Formulir (forms) o Table (tables) o Frame o Java o Lain-lain Penting: Bila anda tidak cukup paham tentang perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions, sebaiknya anda membaca W3C statement tentang perkembangan HTML. ELEMEN DASAR ________________________________________ Jenis Dokumen (terdapat pada awal dan akhir dari file HTML) Judul (harus selalu terdapat pada mukadimah) Mukadimah (Header) (keterangan umum, seperti judul dsb.) Batang Tubuh (isi dari halaman HTML) ANCANGAN STRUKTURAL ________________________________________ Kepala (Heading - spesifikasi untuk menetapkan 6 tingkatan kepala) Penataan (Align) Kepala [*] Bagian (Division)
Penataan Bagian
Kutipan Blok (Block Quote)
[*] (tampilan dengan jeda terhadap batas pinggir) Penekanan (Emphasis) (umumnya huruf miring) Penguatan (Strong Emphasis) (umumnya huruf tebal) Kutipan singkat (Citation) (umumnya huruf miring) Kode (Code - untuk source code listings) Contoh Keluaran (Sample Output) Masukan Papan Ketik (Keyboard Input) Variabel (Variable) Definisi (Definition - jarang dipakai) Alamat Pengarang (Author's Address)
Huruf ukuran Besar Huruf Ukuran Kecil FORMAT TAMPILAN ________________________________________ Huruf Tebal (Bold) Huruf Miring (Italic) N3.0b Garis Bawah (Underline - jarang digunakan) Huruf Coret (Strikeout - jarang digunakan) N3.0b Huruf Coret (Strikeout - jarang digunakan) Huruf Geser Bawah (Subscript) Huruf Geser Atas (Superscript) Huruf Mesin Ketik (Typewriter - huruf berjarak tetap) Pra-format (Preformatted) (menampilkan dengan jarak pra-format) Jarak Huruf (mengatur jarak huruf) Rata Tengah
[*] (Center - berlaku untuk teks maupun gambar) N1.0 Huruf Kedip (Blinking - tag terlucu sampai kini) Ukuran Huruf (Font Size - boleh diisi dari 1 sampai 7) Rubah Ukuran Huruf N1.0 Basis Ukuran Huruf (boleh diisi 1 sampai 7; ukuran standard/default=3) Warna Huruf N3.0b Pilih Jenis Huruf N3.0b Teks Multi Kolom N3.0b Jarak Batas Kolom (default = 10 pixels) N3.0b Lebar Kolom N3.0b Celah (Spacer) N3.0b Jenis Celah N3.0b Ukuran Celah N3.0b Dimensi Celah N3.0b Penataan Celah ACUAN DAN GRAFIK ________________________________________ Acuan pada dokumen tertentu Acuan pada sasaran dalam dokumen (bila terdapat pada dokumen lain) (bila terdapat pada dokumen yang sama) N2.0 Jendela Sasaran (Target Window) Penamaan sasaran pada dokumen Kaitan(Relationship) (jarang digunakan) Kaitan terbalik (Reverse Relationship) (jarang digunakan) Peragaan Gambar Penataan Letak Gambar N1.0 Penataan Letak Gambar Alternatif Teks (saat gambar belum/tidak ditampilkan) Daerah Gambar (Imagemap) (membutuhkan program script) Daerah Gambar pihak klien Uraian Daerah Gambar Pembagian Daerah Gambar Dimensi Gambar (in pixels) Garis Batas (dalam satuan pixel) Ruang Pembatas (dalam satuan pixel) N1.0 Gambar Low-Res Proxy N1.1 Pemindahan Tarik
(Client Pull) N2.0 Objek Cantum (Embed Object - mencantumkan objek pada dokumen) N2.0 Ukuran Objek PEMISAH ________________________________________ Paragraf
[*] (tag penutup seringkali tak diperlukan) Align Text
[*] Pndah Baris (pindah ke baris berikut) Putus Penataan Baris (Clear Textwrap) Garis Datar
(Horizontal Rule) Penataan Letak Garis
Tebal Garis
(dalam satuan pixel) Lebar Garis
(dalam satuan pixel) N1.0 Lebar Garis Persentasi
(dalam persentasi terhadap lebar halaman) Garis Pejal
(Solid Line - tanpa pola 3D) N1.0 Tanpa Ganti Baris (No Break - mencegah ganti baris) N1.0 Sambung Suku Kata (Word Break - letak ganti baris bila diperlukan) DAFTAR ________________________________________ Daftar Tanpa Nomor
(Unordered List - Cantumkan
sebelum tiap butir) Kompak
(Compact) Jenis Butiran
(Bullet Type - berlaku umum bagi butir terdaftar)
(berlaku khusus pada butir ini dan selanjutnya) Daftar Bernomor
(Ordered List - Cantumkan
sebelum tiap butir) Kompak
Jenis Penomoran
(berlaku umum untuk semua butir dalam daftar)
(berlaku khusus pada butir ini dan selanjutnya) Nomor Mulai
(berlaku umum untuk semua butir dalam daftar)
(berlaku khusus pada butir ini dan selanjutnya) Daftar Definisi
(Definition List -
=istilah,
=uraian) Kompak
Daftar Menu
(Cantumkan
sebelum butir menu) Kompak
Daftar Direktori
(Cantumkan
sebelum tiap butir direktori) Kompak
LATAR BELAKANG DAN WARNA ________________________________________ Latar Belakang Gambar (Tiled Background) Warna Latar Belakang [*] (Background Color - urutan: merah/hijau/biru) Warna Huruf Teks [*] Warna Acuan [*] Acuan Lepas Kunjung [*] (Visited Link) Acuan Aktif [*] (Active Link) (Info lanjut di http://werbach.com/web/wwwhelp.html#color) HURUF SPESIAL(these must all be in lower case) ________________________________________ Special Character &#?; (where ? is the ISO 8859-1 code) < < > > & & " " Registered TM ® Copyright © Spasi tak putus Non-breaking Space (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html) FORMULIR ________________________________________ Rancangan Formulir
Define Forms N2.0 Mengirimkan File
File Upload Input Field Nama Field Nilai Field Kotak Periksa (checkboxes dan radio boxes) Ukuran Field (dalam satuan jumlah karakter) Panjang Maksimum (dalam satuan karakter) Daftar Pilihan Selection List Nama Daftar Pilihan Jumlah Pilihan Banyak Pilihan (dapat memilih lebih dari satu) Pilihan (butir yang dapat dipilih) Pilihan DefaultUkuran Input Box Nama Input Box N2.0 Rangkuman Teks Wrap Text TABEL ________________________________________ Rancangan Tabel
[*] Garis Batas Tabel
Celah Sel
Cell Spacing Penyangga Sel
Cell Padding Lebar Tabel
(dalam satuan pixel) Lebar Tabel Persentasi
(dalam satuan persen terhadap lebar halaman) Baris dalam Tabel
Penataan Letak Baris
VALIGN=TOPBOTTOMMIDDLE> Sel dalam Tabel
(harus ada dalam setiap baris tabel) Penataan Letak Sel
VALIGN=TOPBOTTOMMIDDLE> Tanpa Ganti Baris
Rentang Kolom
Columns to span Rentang Baris
Rows to span N1.1 Lebar Sel
(dalam satuan pixel) N1.1 Lebar Sel Persentasi
(dalam satuan persen terhadap lebar tabel) N3.0b Warna Sel
Kepala Tabel
(Table Header - seperti data dengan Bold dan Center) Penataan Letak Kepala Tabel
VALIGN=TOPBOTTOMMIDDLE> Tanpa Baris Baru
Rentang Kolom
Columns to Span Rentang Baris
Rows to Span N1.1 Lebar Kepala Tabel
(dalam satuan pixel) N1.1 Lebar Persentasi
(dalam persentasi terhadap lebar tabel) N3.0b Warna Kepala Tabel
Keterangan Tabel
Caption Penataan Keterangan
(di atas / di bawah tabel) FRAMES ________________________________________ N2.0 Dokumen dalam Frame (sebagai pengganti ) N2.0 Tinggi Baris Frame (dalam satuan pixel atau %) N2.0 Tinggi Baris Frame (* = ukuran relatif) N2.0 Lebar Kolom Frame (dalam satuan pixel atau %) N2.0 Lebar Kolom Frame (* = ukuran relatif) N3.0b Lebar Garis Batas N3.0b Garis Batas N3.0b Warna Garis Batas N2.0 Rancangan Frame (isi dari frame individu) N2.0 Tampilan Dokumen Frame N2.0 Nama Frame N2.0 Lebar Batas (batas kiri dan kanan) N2.0 Tinggi Batas (batas atas dan bawah) N2.0 Scrollbar? Memungkinkan scrolling pada frame N2.0 Ukuran Frame tak bisa diubah N3.0b Batas Frame N3.0b Warna Garis Batas N2.0 Isi tanpa Frame (bagi browser yang tak mampu frame) JAVA ________________________________________ Applet Nama File Applet
Parameter Applet
Sumber Applet
Identifier Applet
(sebagai rujukan di tempat lain pada halaman sama) Teks Alternatif
(untuk browser tanpa kemampuan Java browsers) Penataan Applet
Ukuran Applet
(in pixels) Celah batas Applet
(in pixels) LAIN-LAIN________________________________________ Komentar
(tidak ditampilkan oleh browser) Prolog HTML 3.2 [*] Mampu Cari
(indikasi indeks yang dapat dicari-temukan) Prompt (teks sebagai prompt) Perintah Cari HREF="URL?***"> (gunakan tanda tanya yang sebenarnya) URL dari
file ini (harus terletak di header) N2.0 Nama Dasar
Window (harus terletak di header) Kaitan (Relation dan Reverse Relation, harus terletak
di header) Informasi Meta (harus terletak di header)
Lembar Gaya Penulisan (Style Sheet - belum didukung
sepenuhnya) Scripts (belum didukung sepenuhnya) Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html_10.html'
title='permanent link'>04:59class='comment-link'
href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html_10.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1493440913673737050'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html'>PANDUAN
RINGKAS HTMLPANDUAN RINGKAS HTML Judul
Asli: THE BARE BONES GUIDE TO HTMLoleh href="mailto:barebones@werbach.com">Kevin WerbachVersi 3.0
Formatted -- July 21, 1996Alih bahasa Indonesia oleh href="mailto:kaizedn@indosat.net.id">Kristianto JahjaVersi
Bahasa Indonesia -- 23 Desember 1996 Versi terakhir dokumen ini terdapat di .
Panduan ini memuat semua tag yang
dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan
semua Tag yang terdapat pada href="http://www.w3.org/pub/WWW/MarkUp/Wilbur/">Spesifikasi HTML 3.2,
demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape
Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin;
namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat
mencarinya di WWW Help
Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan
senang hati. Daftar Isi PENDAHULUAN dan
PERKENALAN href="http://werbach.com/barebones/barebone_intro_id.html#unique">Keunikan
dari panduan ini href="http://werbach.com/barebones/barebone_intro_id.html#included">Tag HTML
apa saja yang tercakup href="http://werbach.com/barebones/barebone_intro_id.html#formatting">Bagimana
dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
TAG HTML href="http://werbach.com/barebones/barebone_id.html#general">Elemen
Dasar (semua dokumen HTML harus memuatnya)
href="http://werbach.com/barebones/barebone_id.html#structure">Ancangan
Struktural (tampilan terkendali oleh pilihan browser)
href="http://werbach.com/barebones/barebone_id.html#presentation">Format
tampilan (penulis menetapkan tampilan naskah)
Acuan
(links) dan grafik href="http://werbach.com/barebones/barebone_id.html#dividers">Pemisah
(dividers) href="http://werbach.com/barebones/barebone_id.html#lists">Daftar
(lists) href="http://werbach.com/barebones/barebone_id.html#color">Latar belakang dan
warna href="http://werbach.com/barebones/barebone_id.html#special">Huruf
spesial href="http://werbach.com/barebones/barebone_id.html#forms">Formulir
(forms) href="http://werbach.com/barebones/barebone_id.html#tables">Table
(tables) href="http://werbach.com/barebones/barebone_id.html#frames">Frame
href="http://werbach.com/barebones/barebone_id.html#java">Java
href="http://werbach.com/barebones/barebone_id.html#misc">Lain-lain
Penting: Bila anda tidak cukup paham tentang
perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions,
sebaiknya anda membaca href="http://www.w3.org/pub/WWW/MarkUp/Activity">W3C statement tentang
perkembangan HTML. name="general">
ELEMEN
DASAR
Jenis Dokumen
(terdapat
pada awal dan akhir dari file HTML)
Judul
(harus
selalu terdapat pada mukadimah)
Mukadimah (Header)
(keterangan umum, seperti judul dsb.)
Batang Tubuh
(isi dari
halaman HTML)
ANCANGAN STRUKTURAL
Kepala
(Heading -
spesifikasi untuk menetapkan 6 tingkatan kepala)
Penataan (Align) Kepala
href="http://werbach.com/barebones/barebone_annot_id.html#align">[*]
Bagian (Division)
Penataan Bagian
Kutipan Blok (Block Quote)
href="http://werbach.com/barebones/barebone_annot_id.html#blockquote">[*]
(tampilan dengan jeda
terhadap batas pinggir)
Penekanan
(Emphasis)
(umumnya huruf miring)
Penguatan (Strong Emphasis) (umumnya huruf tebal)
Kutipan singkat (Citation)
(umumnya
huruf miring)
Kode (Code - untuk source code listings)
Contoh Keluaran (Sample Output)
Masukan Papan Ketik
(Keyboard
Input)
Variabel
(Variable)
Definisi
(Definition - jarang dipakai)
Alamat Pengarang (Author's Address)
Huruf ukuran
Besar
Huruf Ukuran Kecil
FORMAT TAMPILAN
Huruf Tebal
(Bold)
Huruf Miring
(Italic)
N3.0b
Garis Bawah
(Underline - jarang digunakan)
Huruf Coret
(Strikeout - jarang digunakan) N3.0b
Huruf Coret
(Strikeout -
jarang digunakan)
Huruf Geser Bawah
(Subscript)
Huruf Geser Atas
(Superscript)
Huruf Mesin Ketik
(Typewriter - huruf berjarak tetap)
Pra-format (Preformatted)
(menampilkan dengan jarak pra-format)
Jarak Huruf (mengatur
jarak huruf)
Rata Tengah
href="http://werbach.com/barebones/barebone_annot_id.html#align">[*]
(Center - berlaku untuk teks
maupun gambar)
N1.0 Huruf Kedip
(Blinking - tag terlucu sampai kini)
Ukuran Huruf
(Font Size - boleh diisi dari 1 sampai 7)
Rubah Ukuran Huruf
N1.0
Basis Ukuran Huruf
(boleh diisi 1 sampai 7; ukuran standard/default=3)
Warna Huruf
N3.0b Pilih Jenis
Huruf
N3.0b
Teks Multi Kolom
N3.0b
Jarak Batas Kolom
(default = 10 pixels) N3.0b
Lebar Kolom
N3.0b
Celah (Spacer)
N3.0b
Jenis Celah
N3.0b
Ukuran Celah
N3.0b
Dimensi Celah
N3.0b
Penataan Celah
ACUAN DAN GRAFIK
Acuan pada dokumen
tertentu href="URL">
Acuan pada sasaran dalam
dokumen href="URL#***"> (bila
terdapat pada dokumen lain)
(bila terdapat pada dokumen yang sama) N2.0
Jendela Sasaran (Target Window) _blank_self_parent_top">
Penamaan sasaran pada dokumen
Kaitan(Relationship)
(jarang digunakan)
Kaitan terbalik (Reverse
Relationship) rev="***"> (jarang
digunakan)
Peragaan Gambar
Penataan Letak Gambar
N1.0
Penataan Letak Gambar
Alternatif
Teks (saat gambar
belum/tidak ditampilkan)
Daerah Gambar
(Imagemap) (membutuhkan program
script)
Daerah Gambar pihak klien
Uraian Daerah Gambar
Pembagian Daerah Gambar
Dimensi Gambar (in pixels)
Garis Batas
(dalam satuan pixel)
Ruang Pembatas
(dalam satuan pixel)
N1.0
Gambar Low-Res Proxy
N1.1
Pemindahan Tarik
(Client
Pull) N2.0
Objek Cantum (Embed Object - mencantumkan objek pada dokumen)
N2.0
Ukuran Objek
PEMISAH
Paragraf
href="http://werbach.com/barebones/barebone_annot_id.html#paragraph">[*]
(tag penutup seringkali tak
diperlukan)
Align Text
href="http://werbach.com/barebones/barebone_annot_id.html#align">[*]
Pndah Baris (pindah ke baris berikut)
Putus Penataan Baris
(Clear Textwrap)
Garis Datar (Horizontal Rule)
Penataan Letak Garis
Tebal Garis (dalam satuan pixel)
Lebar Garis (dalam satuan pixel)
N1.0
Lebar Garis Persentasi
(dalam
persentasi terhadap lebar halaman)
Garis Pejal (Solid Line - tanpa pola
3D) N1.0
Tanpa Ganti Baris
(No Break - mencegah ganti baris)
N1.0 Sambung Suku Kata
(Word Break - letak ganti baris bila diperlukan)
name="lists">
DAFTAR
Daftar Tanpa Nomor (Unordered List - Cantumkan sebelum tiap
butir)
Kompak
(Compact)
Jenis Butiran
(Bullet Type - berlaku umum bagi
butir terdaftar)
(berlaku khusus pada butir ini dan selanjutnya)
Daftar
Bernomor
(Ordered List - Cantumkan
sebelum tiap butir)
Kompak
Jenis
Penomoran (berlaku
umum untuk semua butir dalam daftar)
(berlaku
khusus pada butir ini dan selanjutnya)
Nomor Mulai
(berlaku umum untuk semua butir dalam
daftar)
(berlaku khusus pada butir ini dan selanjutnya)
Daftar Definisi
(Definition List - =istilah, =uraian)
Kompak
Daftar Menu
(Cantumkan sebelum butir menu)
Kompak
Daftar
Direktori
(Cantumkan sebelum tiap butir direktori)
Kompak
LATAR BELAKANG DAN WARNA
Latar
Belakang Gambar
(Tiled Background)
Warna Latar
Belakang href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
(Background Color - urutan:
merah/hijau/biru)
Warna Huruf Teks
href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
Warna Acuan href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
Acuan Lepas Kunjung
href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
(Visited Link)
Acuan Aktif
href="http://werbach.com/barebones/barebone_annot_id.html#color">[*]
(Active Link)
(Info lanjut di href="http://werbach.com/web/wwwhelp.html#color">
http://werbach.com/web/wwwhelp.html#color)
name="special">
HURUF
SPESIAL(these must all be in lower case)
Special
Character &#?;
(where ? is the ISO 8859-1 code)
< >
>
&
&
"
"
Registered TM
®
Copyright
©
Spasi tak putus
Non-breaking Space (Daftar lengkap huruf
khusus terdapat di href="http://www.uni-passau.de/%7Eramsch/iso8859-1.html">
http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
name="forms">
FORMULIR
Rancangan Formulir
Define Forms
N2.0 Mengirimkan File
File Upload
Input Field
Nama
Field
Nilai Field
Kotak Periksa
(checkboxes dan radio boxes)
Ukuran Field (dalam satuan jumlah
karakter)
Panjang Maksimum
(dalam satuan karakter)
Daftar Pilihan
Selection List
Nama Daftar Pilihan
Jumlah Pilihan
Banyak Pilihan
(dapat memilih lebih dari satu)
Pilihan
(butir yang
dapat dipilih)
Pilihan Default
Ukuran Input
Box
Nama Input Box
N2.0 Rangkuman
Teks
Wrap Text
TABEL
Rancangan Tabel
href="http://werbach.com/barebones/barebone_annot_id.html#tables">[*]
Garis Batas Tabel
Celah Sel Cell Spacing
Penyangga Sel Cell Padding
Lebar Tabel (dalam satuan pixel)
Lebar Tabel Persentasi
(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel
Penataan Letak Baris VALIGN=TOPBOTTOMMIDDLE>
Sel dalam
Tabel
(harus ada dalam setiap baris tabel)
Penataan Letak Sel VALIGN=TOPBOTTOMMIDDLE>
Tanpa Ganti
Baris
Rentang Kolom Columns to span
Rentang Baris Rows to span N1.1
Lebar Sel (dalam satuan
pixel) N1.1
Lebar Sel Persentasi
(dalam satuan persen terhadap lebar
tabel) N3.0b
Warna Sel
Kepala Tabel
(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel
VALIGN=TOPBOTTOMMIDDLE>
Tanpa Baris
Baru
Rentang Kolom Columns to Span
Rentang Baris Rows to Span N1.1
Lebar Kepala Tabel
(dalam
satuan pixel)
N1.1 Lebar Persentasi
(dalam persentasi terhadap lebar tabel)
N3.0b
Warna Kepala Tabel
Keterangan Tabel
Caption
Penataan Keterangan
(di atas / di bawah tabel)
FRAMES
N2.0
Dokumen dalam Frame
(sebagai pengganti ) N2.0
Tinggi Baris Frame
(dalam satuan pixel atau %) N2.0
Tinggi Baris Frame
(* = ukuran relatif)
N2.0 Lebar Kolom
Frame (dalam
satuan pixel atau %)
N2.0 Lebar Kolom Frame
(* =
ukuran relatif)
N3.0b Lebar Garis
Batas
N3.0b
Garis Batas
N3.0b
Warna Garis Batas
N2.0
Rancangan Frame
(isi dari frame individu)
N2.0
Tampilan Dokumen Frame
N2.0
Nama Frame
N2.0
Lebar Batas (batas kiri
dan kanan) N2.0
Tinggi Batas
(batas atas dan bawah)
N2.0
Scrollbar?
Memungkinkan scrolling pada frame
N2.0
Ukuran Frame tak bisa diubah
N3.0b
Batas Frame
N3.0b
Warna Garis Batas
N2.0
Isi tanpa Frame
(bagi browser yang tak mampu frame)
JAVA
Applet
Nama File Applet
Parameter Applet
Sumber Applet
Identifier Applet
(sebagai rujukan di tempat
lain pada halaman sama)
Teks Alternatif
(untuk browser tanpa
kemampuan Java browsers)
Penataan Applet
Ukuran Applet
(in pixels)
Celah batas Applet
(in pixels)
name="misc">
LAIN-LAIN
Komentar
(tidak ditampilkan oleh browser)
Prolog HTML 3.2 href="http://werbach.com/barebones/barebone_annot_id.html#prologue">[*]
Mampu Cari
(indikasi
indeks yang dapat dicari-temukan)
Prompt (teks sebagai
prompt)
Perintah Cari (gunakan tanda tanya yang sebenarnya)
URL dari file ini (harus terletak di header)
N2.0
Nama Dasar Window
(harus terletak di header)
Kaitan
(Relation dan Reverse Relation, harus terletak di
header)
Informasi Meta
(harus terletak di header)
Lembar Gaya Penulisan
(Style
Sheet - belum didukung sepenuhnya)
Scripts
(belum didukung sepenuhnya
Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html'
title='permanent link'>04:52class='comment-link'
href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=7636229764279525844'
title='Edit Entri'>
Selasa, 2009 Januari 13href='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html'>Perangkat
keras internethref="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMCOl5QS5atrzC6r0PtL3KDn6SLd6ZyjlIOTyQjIfMo99-bVXDMrQW0LUHZBQGcF1Qyz9w7Tf4s9DzXa5gjZiflc7nyONUQOKAYFzqIT7taBDuWPFdexF3izWp5qyF6By44j49rk5hnM/s1600-h/images.jpg">href="http://images.google.co.id/imgres?imgurl=http://www.citycentercomputer.com/images/server/computer_networking_example.gif&imgrefurl=http://www.citycentercomputer.com/networks.html&usg=__aHh8OLEjikP0sLVIwTwOPm3VNMw=&h=373&w=500&sz=33&hl=id&start=16&tbnid=st9-xPY7ThJ1MM:&tbnh=97&tbnw=130&prev=/images%3Fq%3Dperangkat%2Bkeras%2Binternet%26gbv%3D2%26hl%3Did">Bekerja dengan internet memerlukan perangkat pendukung
yang baik, semakin tinggi spesifikasi komputer yang akan digunahref="http://images.google.co.id/imgres?imgurl=http://www.citycentercomputer.com/images/server/computer_networking_example.gif&imgrefurl=http://www.citycentercomputer.com/networks.html&usg=__aHh8OLEjikP0sLVIwTwOPm3VNMw=&h=373&w=500&sz=33&hl=id&start=16&tbnid=st9-xPY7ThJ1MM:&tbnh=97&tbnw=130&prev=/images%3Fq%3Dperangkat%2Bkeras%2Binternet%26gbv%3D2%26hl%3Did">kan
tentu akan semakin baik. dengan spesifikasi pendukung hardware yang baik akan
mempercepat proses akses.Untuk mengakses komputer, komponen hardware yang
dibutuhkan berupa:~ processor Minimal pentium III 500 Mhz~ RAM 64
MB~VGA Card 4 MB~Sound card Dan multimedia~CD-ROM/CD-ROM
DRIVE~Harddisk minimal 10 GB~Monitir SVGA~Printert desk jet~ modemPerangkat berikutnya adalah MODEM, merupakan perangkat
untuk memodulasi data dari listrik ke dalam gelombang elektromagnetik sehingga
dapat dikirim melalui udara. Modem terdiri dari 2 macam yaitu eksternal dan
internal.HUb atau Switchingberfungsi untuk menghubungkan dua
komputer atau lebih. HUB dibutuhkan jika kita membangun jaringan dengan kabel
UTP, jika kita menggunakan Kanel koaksial maka HUB tidak diperlukan.Dengan hub
maka koneksi antara satu komputer dengan komputer lainnya menjadi mudahkarena
seseorang tinggal memasukkan konektor RJ 45 kedalam prt yang dimiliki.
Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html'
title='permanent link'>22:29class='comment-link'
href='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=2839083591668009138'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html'>Manfaat
Internet
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisHkr3BQ4A1WGAbc37HYp1Ydgoqa2-u0n_W6FGdhtz50SqI0J2Y9lDDhqeTi1Uh13ChedkWa-u2CbYYtNMhifjRSYJ2IhcCST_wGMvKn-b8wQDQj7sVcWGhi3ihW4YN8Y5i7uF4bPfa0o/s1600-h/images+1.jpg">href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuImSFf3ETqyHo9qL-UbATXjfIGCrdWqDsvKFhBl8qePfFEAlk4lD14ywmbq15xliUpoeqKH1BLfWg1dBWqOHChFG1Zb9yLiGdca6Q5Kt5RBD1ycWKIfkhOGREein0Tl4UQG9e47ii2Lk/s1600-h/images+1.jpg">Internet merupakan jaringan komputer terbesar yang ada pada saat
ini.Internet merupakan dunia maya tanpa batas yang tidak mengenal batas - batas
suku bangsa dan benua.Tingginya mobilitas penggunaan internet menuntut
jaringan internet yang lebih fleksibel,sehingga seseorang yang sering bepergian
tetap dapat mengakses internet walaupun didalam mobil yang sedang berjalan.
Untuk memenuhi kebutuhan tersebut dikembangkan jaringan tanpa kabel ( nirkabel)
seperti telepon seluler.jaringan ini dikenal sebagai jaringan internet tanpa
kabel yang dikenal dengan WAP.WAP dalam beroperasi dapat menggunakan bantun
telepon selular sebagai sarana penghubung.Pemakai komputer atau user dapat
melakukan banyak hal , seperti:* mencari informasi( hosting)*belanja*berkirim surat*mengobrol*researchSaat ini
diperkirakan terdapat 30000 jaringan yang terhubung dengan internet.ada dua
peranan internet yang sangat penting.1. sebagai sumber data dan
informasisebagai sumber informasi,internet menyimpan berbagai jenis
informasi dalam jumlah yang sangat tidak terbatas.2.sebagai sarana
pertukaran data dan informasiKeunggulan internet1. koneksitas dan jangkauan globalDalam
internet jaringan yang terjalin bersifat global dan tanpa mengenal ruang2.
Akses 24 jamakses di internet tidak dibatasi waktu3. kecepatanPencarin informasi di internet jauh lebih cepat dibandibgkan dengan pencarian
secara manual.4. Interaktivitas dan fleksibilitskomunikasi dengan
pengguna internet dibelahan dunia dapat anda lakukan dengan tanpa bataas ruang
dan waktu.Kelemahan internet1. ketergantungan pada
jaringan telepon satelit dan ISP2. Ancaman virusDiposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html'
title='permanent link'>22:04class='comment-link'
href='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=112840307226418589'
title='Edit Entri'>
Senin, 2009 Januari 12href='http://whaksoce.blogspot.com/2009/01/blog.html'>BlogBlog
merupakan singkatan dari "web log" adalah bentuk href="http://www.blogger.com/wiki/Aplikasi_web">aplikasi web yang menyerupai
tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web
umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru
dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya
demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna
internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.
Daftar isi [id="togglelink" href="javascript:toggleToc()">sembunyikan]
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Sejarah">1 Sejarah href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Komunitas_Blogger">2 Komunitas Blogger
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Jenis-jenis_blog">3 Jenis-jenis blog
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Budaya_populer">4 Budaya populer
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Resiko_kejahatan">5 Resiko kejahatan
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262#Pranala_luar">6 Pranala luar
// name="Sejarah"> Sejarah Media blog pertama kali dipopulerkan
oleh href="http://www.blogger.com/wiki/Blogger">Blogger.com, yang dimiliki oleh
href="http://www.blogger.com/w/index.php?title=PyraLab&action=edit&redlink=1">PyraLab
sebelum akhirnya PyraLab diakuisi oleh href="http://www.blogger.com/wiki/Google">Google.Com pada akhir tahun 2002
yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat title="Sumber terbuka" href="http://www.blogger.com/wiki/Sumber_terbuka">sumber
terbuka yang diperuntukkan kepada perkembangan para href="http://www.blogger.com/wiki/Blogger">penulis blog tersebut.
Blog mempunyai fungsi yang sangat beragam, dari sebuah catatan harian, media
publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan
perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal,
sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang
memiliki fasilitas interaksi dengan para pengunjungnya, yang dapat
memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari
tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau
yang bersifat non-interaktif. Situs-situs web yang saling berkaitan
berkat weblog, atau secara total merupakan kumpulan weblog sering disebut
sebagai href="http://www.blogger.com/w/index.php?title=Blogosphere&action=edit&redlink=1">blogosphere.
Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat
besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial
terjadi dalam blogosphere, maka hal itu sering disebut sebagai
blogstorm atau badai blog. name="Komunitas_Blogger"> Komunitas Blogger Komunitas blogger adalah
sebuah ikatan yang terbentuk dari para blogger berdasarkan kesamaan-kesamaan
tertentu, seperti kesamaan asal daerah, kesamaan kampus, kesamaan hobi, dan
sebagainya. Para blogger yang tergabung dalam komunitas-komunitas blogger
tersebut biasanya sering mengadakan kegiatan-kegiatan bersama-sama seperti kopi
darat. Untuk bisa bergabung di komunitas blogger, biasanya ada semacam
syarat atau aturan yang harus dipenuhi untuk bisa masuk di komunitas tersebut,
misalkan berasal dari daerah tertentu. Beberapa jenis komunitas blogger
adalah Komunitas Blogger Daerah, yaitu Komunitas Blogger berdasarkan kedaerahan
atau wilayah tertentu, Komunitas Blogger Non-Daerah, yang biasanya terbentuk
karena kesamaan hobi atau yang lainnya, dan Komunitas Blogger Kampus. id="Jenis-jenis_blog" name="Jenis-jenis_blog"> Jenis-jenis
blog Blog politik: Tentang berita, politik, aktivis, dan
semua persoalan berbasis blog (Seperti kampanye). Blog pribadi:
Disebut juga buku harian online yang berisikan tentang pengalaman keseharian
seseorang, keluhan, puisi atau syair, gagasan jahat, dan perbincangan teman.
Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada
bahasan tertentu Blog kesehatan: Lebih spesifik tentang kesehatan.
Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan
terbaru, keterangan-ketarangan tentang kesehatan, dll. Blog sastra:
Lebih dikenal sebagai litblog (Literary blog). Blog perjalanan:
Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan
tentang perjalanan/traveling. Blog riset: Persoalan tentang akademis
seperti berita riset terbaru. Blog hukum: Persoalan tentang hukum atau
urusan hukum; disebut juga dengan blawgs (Blog Laws). Blog media:
Berfokus pada bahasan kebohongan atau ketidakkonsistensi media massa; biasanya
hanya untuk koran atau jaringan televisi Blog agama: Membahas tentang
agama Blog pendidikan: Biasanya ditulis oleh pelajar atau guru.
Blog kebersamaan: Topik lebih spesifik ditulis oleh kelompok tertentu.
Blog petunjuk (directory): Berisi ratusan link halaman website.
Blog bisnis: Digunakan oleh pegawai atau wirausahawan untuk kegiatan
promosi bisnis mereka Blog pengejawantahan: Fokus tentang objek
diluar manusia; seperti anjing Blog pengganggu (spam):
Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam
Blog)
href="http://www.blogger.com/w/index.php?title=Blog&action=edit§ion=4"> Budaya
populer Budaya populer"
href="http://www.blogger.com/w/index.php?title=Blog&action=edit§ion=4">Ngeblog (istilah bahasa Indonesia untuk blogging)
harus dilakukan hampir setiap waktu untuk mengetahui eksistensi dari pemilik
blog. Juga untuk mengetahui sejauh mana blog dirawat (mengganti template) atau
menambah artikel. Sekarang ada lebih 10 juta blog yang bisa ditemukan di
Internet.[class="mw-redirect" title="Wikipedia:Mengutip sumber"
href="http://www.blogger.com/wiki/Wikipedia:Mengutip_sumber">rujukan?]
Dan masih bisa berkembang lagi, karena saat ini ada banyak sekali software,
tool, dan aplikasi Internet lain yang mempermudah para blogger (sebutan pemilik
blog) untuk merawat blognya. name="Resiko_kejahatan"> Resiko kejahatan Karena blog sering digunakan
untuk menulis aktivitas sehari-hari yang terjadi pada penulisnya, ataupun
merefleksikan pandangan-pandangan penulisnya tentang berbagai macam topik yang
terjadi dan untuk berbagi informasi - blog menjadi sumber informasi bagi para
hacker, pencuri identitas, mata-mata, dan lain sebagainya. Banyak
berkas-berkas rahasia dan penulisan isu sensitif ditemukan dalam blog-blog. Hal
ini berakibat dipecatnya seseorang dari pekerjaannya, diblokir aksesnya,
didenda, dan bahkan ditangkap.Dikutip dari
http://www.wikipedia.orgDiposkan olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/blog.html' title='permanent
link'>22:51href='http://whaksoce.blogspot.com/2009/01/blog.html#comments' onclick=''>0
komentarhref='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=1714249324375986262'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/01/komput3r.html'>KoMpuT3RIlmu
komputer (Ilkom), atau dalam bahasa Inggrisnya disebut Computer
Science (CS), secara umum diartikan sebagai ilmu yang mempelajari baik
tentang href="http://www.blogger.com/wiki/Komputasi">komputasi, perangkat keras
(hardware) maupun perangkat lunak (software). Ilmu komputer mencakup
beragam topik yang berkaitan dengan href="http://www.blogger.com/wiki/Komputer">komputer, mulai dari analisa
abstrak href="http://www.blogger.com/wiki/Algoritma">algoritma sampai subyek yang
lebih konkret seperti href="http://www.blogger.com/wiki/Bahasa_pemrograman">bahasa pemrograman, title="Perangkat lunak"
href="http://www.blogger.com/wiki/Perangkat_lunak">perangkat lunak, termasuk
href="http://www.blogger.com/wiki/Perangkat_keras">perangkat keras. Sebagai
suatu disiplin ilmu, Ilmu Komputer lebih menekankan pada komputer" href="http://www.blogger.com/wiki/Pemrograman_komputer">pemrograman
komputer, dan href="http://www.blogger.com/wiki/Rekayasa_perangkat_lunak">rekayasa perangkat
lunak (software), sementara href="http://www.blogger.com/wiki/Teknik_komputer">teknik komputer lebih
cenderung berkaitan dengan hal-hal seperti perangkat keras komputer
(hardware). Namun demikian, kedua istilah tersebut sering disalah-artikan
oleh banyak orang.dibuat)"
href="http://www.blogger.com/w/index.php?title=Tesis_Church-Turing&action=edit&redlink=1">Tesis
Church-Turing menyatakan bahwa semua alat komputasi yang telah umum
diketahui sebenarnya sama dalam hal apa yang bisa mereka lakukan, sekalipun
dengan efisiensi yang berbeda. Tesis ini terkadang dianggap sebagai prinsip
dasar dari ilmu komputer. Para ahli ilmu komputer biasanya menekankan class="mw-redirect" title="Mesin von Neumann"
href="http://www.blogger.com/wiki/Mesin_von_Neumann">komputer von Neumann
atau href="http://www.blogger.com/wiki/Mesin_Turing">mesin Turing (komputer yang
mengerjakan tugas yang kecil dan deterministik pada suatu waktu tertentu),
karena hal seperti itulah kebanyakan komputer digunakan sekarang ini. Para ahli
ilmu komputer juga mempelajari jenis mesin yang lain, beberapa diantaranya belum
bisa dipakai secara praktikal (seperti (belum dibuat)"
href="http://www.blogger.com/w/index.php?title=Komputer_neural&action=edit&redlink=1">komputer
neural, href="http://www.blogger.com/w/index.php?title=Komputer_DNA&action=edit&redlink=1">komputer
DNA, dan href="http://www.blogger.com/wiki/Komputer_kuantum">komputer kuantum) serta
beberapa diantaranya masih cukup teoritis (seperti title="Komputer random (belum dibuat)"
href="http://www.blogger.com/w/index.php?title=Komputer_random&action=edit&redlink=1">komputer
random and href="http://www.blogger.com/w/index.php?title=Komputer_oracle&action=edit&redlink=1">komputer
oracle).Ilmu Komputer mempelajari apa yang bisa dilakukan oleh
beberapa program, dan apa yang tidak (title="Komputabilitas"
href="http://www.blogger.com/wiki/Komputabilitas">komputabilitas dan class="mw-redirect" title="Intelegensia buatan"
href="http://www.blogger.com/wiki/Intelegensia_buatan">intelegensia buatan),
bagaimana program itu harus mengevaluasi suatu hasil (href="http://www.blogger.com/wiki/Algoritma">algoritma), bagaimana program
harus menyimpan dan mengambil bit tertentu dari suatu informasi (title="Struktur data" href="http://www.blogger.com/wiki/Struktur_data">struktur
data), dan bagaimana program dan pengguna berkomunikasi (pengguna" href="http://www.blogger.com/wiki/Antarmuka_pengguna">antarmuka
pengguna dan href="http://www.blogger.com/wiki/Bahasa_pemrograman">bahasa
pemrograman).Ilmu komputer berakar dari href="http://www.blogger.com/wiki/Elektronika">elektronika, title="Matematika" href="http://www.blogger.com/wiki/Matematika">matematika
dan href="http://www.blogger.com/wiki/Linguistik">linguistik. Dalam tiga dekade
terakhir dari href="http://www.blogger.com/wiki/Abad_20">abad 20, ilmu komputer telah
menjadi suatu disiplin ilmu baru dan telah mengembangkan metode dan istilah
sendiri.Departemen ilmu komputer pertama didirikan di title="Universitas Purdue"
href="http://www.blogger.com/wiki/Universitas_Purdue">Universitas Purdue
pada tahun 1962.
Hampir semua universitas sekarang mempunyai departemen ilmu
komputer.Penghargaan tertinggi dalam ilmu komputer adalah class="mw-redirect" title="Turing Award"
href="http://www.blogger.com/wiki/Turing_Award">Turing Award, pemenang
penghargaan ini adalah semua pionir di bidangnya.Dijkstra" href="http://www.blogger.com/wiki/Edsger_Dijkstra">Edsger Dijkstra
mengatakan:Ilmu komputer bukan tentang komputer sebagaimana
astronomi bukan tentang teleskop Fisikawan ternama title="Richard Feynman"
href="http://www.blogger.com/wiki/Richard_Feynman">Richard Feynman
mengatakan:Ilmu komputer umurnya tidak setua fisika; lebih muda
beberapa ratus tahun. Walaupun begitu, ini tidak berarti bahwa "hidangan"
ilmuwan komputer jauh lebih sedikit dibanding fisikawan. Memang lebih muda, tapi
dibesarkan secara jauh lebih intensif! Daftar
isihref="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Catatan_tentang_istilah_.27Informatika.27_dan_.27Ilmu_komputer.27">1 Catatan tentang istilah
'Informatika' dan 'Ilmu komputer' href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Hubungan_Informatika_dengan_bidang_lain">2 Hubungan Informatika dengan
bidang lain href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Ilmu_Informasi">2.1 Ilmu Informasi
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Sistem_Informasi">2.2 Sistem Informasi
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Rekayasa_Perangkat_Lunak">2.3 Rekayasa Perangkat
Lunak href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Rekayasa_Komputer">2.4 Rekayasa Komputer
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Keamanan_Informasi">2.5 Keamanan Informasi
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Cabang_Ilmu_Utama_Informatika">3 Cabang Ilmu Utama
Informatika href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Dasar_Matematika">3.1 Dasar Matematika
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Teori_Ilmu_Komputer">3.2 Teori Ilmu
Komputer href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Perangkat_Keras">3.3 Perangkat Keras
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Organisasi_Sistem_Komputer">3.4 Organisasi Sistem
Komputer href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Perangkat_Lunak">3.5 Perangkat Lunak
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Data_dan_Sistem_Informasi">3.6 Data dan Sistem
Informasi href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Metodologi_Komputasi">3.7 Metodologi
Komputasi href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Aplikasi_Komputer">3.8 Aplikasi Komputer
href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Lingkungan_Komputasi">3.9 Lingkungan
Komputasi href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Sejarah">4 Sejarah href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Ahli_Terkenal_Ilmu_Komputer">5 Ahli Terkenal Ilmu
Komputer href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Lihat_pula">6 Lihat pula href="http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967#Pranala_luar">7 Pranala luar
// id="Catatan_tentang_istilah_.27Informatika.27_dan_.27Ilmu_komputer.27"
name="Catatan_tentang_istilah_.27Informatika.27_dan_.27Ilmu_komputer.27">Catatan tentang istilah
'Informatika' dan 'Ilmu komputer'Dalam Indonesia" href="http://www.blogger.com/wiki/Bahasa_Indonesia">bahasa
Indonesia, istilah Informatika diturunkan dari bahasa title="Perancis" href="http://www.blogger.com/wiki/Perancis">Perancis
informatique, yang dalam bahasa Jerman disebut Informatik.
Sebenarnya, kata ini identik dengan istilah computer science di Amerika
Serikat dan computing science di Inggris. Namun, istilah
informatics dalam bahasa Inggris memiliki makna yang sedikit berbeda,
yaitu lebih menekankan pada aspek pengolahan informasi secara sistematis dan
rasional.name="Hubungan_Informatika_dengan_bidang_lain">Hubungan Informatika dengan
bidang lainIlmu komputer berkaitan erat dengan beberapa bidang
lain. Bidang-bidang ini tidak benar-benar terpisah, sekalipun mempunyai
perbedaan penting.name="Ilmu_Informasi">class="mw-redirect" title="Ilmu Informasi"
href="http://www.blogger.com/wiki/Ilmu_Informasi">Ilmu
InformasiIlmu Informasi adalah ilmu yang mempelajari
data dan informasi, mencakup bagaimana menginterpretasi, menganalisa, menyimpan,
dan mengambil kembali. Ilmu informasi dimulai sebagai dasar dari analisa title="Komunikasi" href="http://www.blogger.com/wiki/Komunikasi">komunikasi
dan basis
data.name="Sistem_Informasi">href="http://www.blogger.com/wiki/Sistem_Informasi">Sistem
InformasiSistem Informasi adalah aplikasi komputer
untuk mendukung operasi dari suatu organisasi yaitu: operasi, instalasi, dan
perawatan komputer, perangkat lunak, dan data. Manajemen" href="http://www.blogger.com/wiki/Sistem_Informasi_Manajemen">Sistem
Informasi Manajemen adalah kunci dari bidang yang menekankan finansial dan
personal manajemen. 'Sistem Informasi' dapat berupa gabungan dari beberapa
elemen teknologi berbasis komputer yang saling berinteraksi dan bekerja sama
berdasarkan suatu prosedur kerja (aturan kerja) yang telah ditetapkan, dimana
memproses dan mengolah data menjadi suatu bentuk informasi yang dapat digunakan
dalam mendukung keputusan.name="Rekayasa_Perangkat_Lunak">perangkat lunak"
href="http://www.blogger.com/wiki/Rekayasa_perangkat_lunak">Rekayasa Perangkat
LunakRekayasa Perangkat Lunak pada prinsipnya
menekankan pada tahapan-tahapan pengembangan suatu perangkat lunak yakni :
Analisis, Desain, Implementasi, Testing dan Maintenance. Pada tahap yang lebih
luas Rekayasa Perangkat Lunak mengacu pada Manajemen Proyek pengembangan
Perangkat Lunak itu sendiri dengan tetap memperhatikan tahapan-tahapan
pengembangan sebelumnya.Dalam pengembangannya perangkat lunak memiliki
berbagai model yaitu model water fall ('model konvensional' sebagai model
terdahulu yang dikembangkan dan karena model water fall nyaris sama dengan
siklus hidup pengembangan sistem), model prototype ('model yang disukai oleh
user dan pengembang), model sequensial linear, model RAD 'rapid aplikation
model', model 'formal method' atau 'metode formal' disini sebelum diadakannya
implementasi terlebih dahulu rancangan model yang dibuat diverifikasi terlebih
dahulu sehingga tidak ada lagi kesalahan - kesalahan pada saat
implementasi.name="Rekayasa_Komputer">href="http://www.blogger.com/w/index.php?title=Rekayasa_Komputer&action=edit&redlink=1">Rekayasa
KomputerRekayasa Komputer adalah ilmu yang mempelajari
analisa, desain, dan konstruksi dari perangkat keras komputer.Ilmu yang
mempelajari segala aspek pembuatan, konstruksi, pemeliharaan perangkat
lunak.Dikutip dari :http://www.wikipedia.orgDiposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/komput3r.html' title='permanent
link'>22:46href='http://whaksoce.blogspot.com/2009/01/komput3r.html#comments' onclick=''>0
komentarhref='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=3825038612664299967'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html'>PEMANFAATAN
INTERNET
Artikel:Pemanfaatan Internet
sebagai Sumber Pembelajaran IPS
Bahan ini cocok untuk Informasi / Pendidikan
Umum.Nama & E-mail (Penulis): href="mailto:arachm@pendidikan.zzn.com">arief a. mangkoesapoetraSaya
Guru di SMAN 21 BandungTanggal: 14-05-2004Judul Artikel: Pemanfaatan
Internet sebagai Sumber Pembelajaran IPSTopik: sumber pembelajaran
PEMANFAATAN INTERNET SEBAGAI
SUMBER PEMBELAJARAN IPS, SEBUAH KENISCAYAANOleh :Drs. ARIEF ACHMAD
MSP., M.Pd.Realitas empirik selama ini di tingkat persekolahan
memperlihatkan, dalam proses pembelajaran IPS, guru IPS kurang optimal baik di
dalam memanfaatkan maupun memberdayakan sumber pembelajaran, karena dalam
proses pembelajaran IPS cenderung masih berpusat pada guru (teacher centered),
textbook centered, dan monomedia. Adalah tidak dapat dipersalahkan apabila
banyak siswa mengganggap proses pembelajaran IPS sebagai sesuatu yang
membosankan, monoton, kurang menyenangkan, terlalu banyak hafalan, kurang
variatif, dan pelbagai keluhan lainnya.Padahal pendidikan IPS
merupakan synthetic science, karena konsep, generalisasi, dan temuan-temuan
penelitian ditentukan atau diobservasi setelah fakta terjadi. Informasi faktual
tentang kehidupan sosial atau masalah-masalah kontemporer yang terjadi di
masyarakat dapat ditemukan dalam liputan (exposure) media massa, karena media
massa diyakini dapat menggambarkan realitas sosial dalam berbagai aspek
kehidupan. Meskipun untuk itu, informasi atau pesan (message) yang
ditampilkannya¡Xsebagaimana dapat dibaca di surat kabar atau majalah,
didengarkan di radio, dilihat di televisi atau internet¡Xtelah melalui suatu
saringan (filter) dan seleksi dari pengelola media itu untuk berbagai
kepentingannya, misalnya : untuk kepentingan bisnis atau ekonomi, kekuasaan atau
politik, pembentukan opini publik, hiburan (entertainment) hingga pendidikan.
Terlepas dari berbagai kepentingan yang melatarbelakangi pemunculan
suatu informasi atau pesan yang disajikan oleh media massa, kiranya tidak dapat
dipungkiri lagi bahwa pada masa kini pertemuan orang dengan media massa sudah
tidak dapat dielakkan lagi. Tidaklah berlebihan kiranya apabila abad ke-21
disebut sebagai abad komunikasi massa, bahkan dalam pembabakan sejarah umat
manusia, McLuhan (1964) menyatakannya sebagai babak neo-tribal (sesudah babak
tribal dan babak Gutenberg), yakni masa di mana alat-alat elektronis
memungkinkan manusia menggunakan beberapa macam alat indera dalam komunikasi.
Adapun Alvin Toffler (1981) menamakannya sebagai The Third Wave. Sementara itu, seiring dengan pesatnya perkembangan media informasi dan
komunikasi, baik perangkat keras (hardware) maupun perangkat lunak (software),
akan membawa perubahan bergesernya peranan guru¡Xtermasuk guru
IPS¡Xsebagai penyampai pesan/informasi. Ia tidak bisa lagi berperan sebagai
satu-satunya sumber informasi bagi kegiatan pembelajaran para siswanya. Siswa
dapat memperoleh informasi dari berbagai sumber¡Xterutama dari media massa,
apakah dari siaran televisi dan radio (media elektronik), surat kabar dan
majalah (media cetak), komputer pribadi, atau bahkan dari internet.Adalah tidak berlebihan kiranya apabila disebutkan bahwa media massa sangat
berpengaruh di dalam pendidikan IPS. Hal ini didasarkan pada berbagai temuan
penelitian yang menyiratkan, antara lain, bahwa :1. Media massa,
khususnya televisi, telah begitu memasyarakat;2. Media massa
berpengaruh terhadap proses sosialisasi;3. Orang-orang lebih
mengandalkan informasi yang berasal dari media massa daripada dari orang
lain;4. Para guru IPS perlu memberdayakan media massa sebagai
sumber pembelajarannya; dan5. Para orang tua dan pendidik, baik
secara sendiri-sendiri maupun secara bersama-sama, dapat meminimalisasikan
pengaruh negatif media massa dan mengoptimalkan dampak positifnya. (Adiwikarta,
1988; Nielsen Media, 1989; Dominguez and Rincon, 1992; Prisloo and Criticos,
1994)Lain daripada itu, massa dapat menunjang keberhasilan proses
pembelajaran IPS melalui tiga cara :1. Media massa dapat
memperbaiki bagian content dari kurikulum IPS;2. Media massa dapat
dijadikan alat pembelajaran yang penting bagi IPS; dan3. Media
massa dapat digunakan untuk menolong siswa mempelajari metodologi ilmu-ilmu
sosial, khususnya di dalam menentukan dan menginterpretasi fakta-fakta sosial
(Clark, 1965 : 46-54).Tulisan ini mencoba memberikan salah satu
solusi alternatif untuk mengatasi problematika sebagaimana dipaparkan di awal
tulisan, yakni dengan memanfaatkan salah satu media massa
kontemporer¡Xinternet sebagai sumber pembelajaran IPS.Internet,
singkatan dari ¡§internatonal network¡¨, adalah jaringan
informasi global, yakni ¡§the largest global network of computers, that
enables people throughout the world to connect with each other¡¨.
Internet dicetuskan pertama kali ide pembuatannya oleh J.C.R. Licklider dari
MIT (Massachusetts Institute Technology) pada bulan Agustus 1962. Di Indonesia,
internet mulai meluas sekitar tahun 1995, sejak berdirinya indointernet (Purbo,
2000).Untuk dapat menggunakan internet diperlukan sebuah komputer
(memory minimal 4 mega), harddisk yang cukup, modem (berkecepatan minimal
14.400), sambungan telepon (multifungsi : telepon, faksimile, dan internet),
ada program Windows, dan sedikit banyak tahu cara mengoperasikannya.
Selanjutnya hubungi provider terdekat. Andaikan semua prasyarat tadi tidak
dimiliki, cukup mendatangi warnet (warung internet) terdekat yang banyak
terdapat di kota-kota besar¡Xmaka kita dapat mengakses situs-situs apa saja
sesuai dengan kebutuhan kita.Internet disebut juga media massa
kontemporer, karena memenuhi syarat-syarat sebagai sebuah media massa, seperti
antara lain : ditujukan kepada sejumlah khalayak yang tersebar, heterogen, dan
anonim serta melewati media cetak atau elektronik, sehingga pesan informasi
yang sama dapat diterima secara serentak dan sesaat oleh khalayaknya. Pemanfaatan internet sebagai sumber pembelajaran IPS mengkondisikan siswa
untuk belajar secara mandiri. ¡§Through independent study, students
become doers, as well as thinkers¡¨ (Cobine, 1997). Para siswa dapat
mengakses secara online dari berbagai perpustakaan, museum, database, dan
mendapatkan sumber primer tentang berbagai peristiwa sejarah, biografi,
rekaman, laporan, data statistik, atau kutipan yang berkaitan dengan IPS
(Gordin et. al., 1995). Informasi yang diberikan server-computers itu dapat
berasal dari ¡§commercial businesses (.com), goverment services (.gov),
nonprofit organizations (.org), educational institutions (.edu), atau artistic
and cultural groups (.arts)¡¨ Siswa dapat berperan sebagai
seorang peneliti, menjadi seorang analis, tidak hanya konsumen informasi saja.
Mereka menganalisis informasi yang relevan dengan pembelajaran IPS dan
melakukan pencarian yang sesuai dengan kehidupan nyatanya (real life).Siswa dan guru tidak perlu hadir secara fisik di kelas (classroom meeting),
karena siswa dapat mempelajari bahan ajar dan mengerjakan tugas-tugas
pembelajaran serta ujian dengan cara mengakses jaringan komputer yang telah
ditetapkan secara online.Siswa juga dapat belajar bekerjasama
(collaborative) satu sama lain. Mereka dapat saling berkirim e-mail (electronic
mail) untuk mendiskusikan bahan ajar IPS. Kemudian, selain mengerjakan
tugas-tugas pembelajaran dan menjawab pertanyaan-pertanyaan yang diberikan guru
IPS, siswa dapat berkomunikasi dengan teman sekelasnya (classmates).Pemanfaatan internet sebagai sistem e-learning memiliki beberapa kelebihan
sebagai berikut :1. Dimungkinkan terjadinya distribusi pendidikan
ke semua penjuru tanah air dan kapasitas daya tampung yang tidak terbatas
karena tidak memerlukan ruang kelas;2. Proses pembelajaran tidak
terbatas oleh waktu seperti halnya tatap muka biasa; 3. Pembelajaran
dapat memilih topik atau bahan ajar yang sesuai dengan keinginan dan kebutuhan
masing-masing;4. Lama waktu belajar juga tergantung pada kemampuan
masing-masing pembelajar/siswa;5. Adanya keakuratan dan kekinian
materi pembelajaran;6. Pembelajaran dapat dilakukan secara
interaktif, sehingga menarik pembelajar/siswa; dan7. Memungkinkan
pihak berkepentingan (orang tua siswa maupun guru) dapat turut serta
menyukseskan proses pembelajaran, dengan cara mengecek tugas-tugas yang
dikerjakan siswa secara on-line.Selain beberapa kelebihan di atas,
ada kelemahan yang mungkin timbul dalam sistem e-learning ini, yaitu tingginya
kemungkinan gangguan belajar; sebab sistem tersebut mengkondisikan siswa untuk
belajar mandiri, sehingga faktor motivasi belajar menjadi lebih signifikan
terhadap keberhasilan belajar siswa. Untuk itu diperlukan adanya semacam
penasehat (counsellor) yang memantau dan memotivasi belajar siswa agar prestasi
belajarnya tidak menurun, dengan cara mengerjakan tugas-tugas belajar
sebaik-baiknya dan secara tepat waktu. Di samping itu juga agar siswa tidak
mengakses hal-hal yang tidak ada kaitannya sama sekali dengan pelajaran atau
hal-hal yang bersifat negatif (misalnya membuka situs-situs porno, atau membobol
rekening bank dan rahasia perusahaan).Meskipun begitu, pemanfaatan
internet (sistem e-learning) sebagai sumber pembelajaran IPS merupakan sebuah
keniscayaan, karena beberapa alasan berikut :1. Mengingat penduduk
Indonesia yang sangat besar dan tersebar di berbagai wilayah, serta terbatasnya
daya tampung sekolah dan lembaga pendidikan lainnya, sehingga tidak mungkin
dapat menampung mereka yang ingin belajar, maka prospek pemanfaatan internet
sebagai suatu pendidikan alternatif cukup cerah;2. Mendukung
pencapaian pembelajaran IPS yang multicultural;3. Mendorong
kemampuan bagaimana belajar untuk belajar (learning to learn);4.
Membawa dampak ikutan yang positif, umpamanya meningkatnya kemampuan berbahasa
Inggris; dan5. Secara psikologis, akses terhadap internet juga
menumbuhkan rasa percaya diri karena memungkinkan kita untuk tidak lagi
terasing dari informasi sampai yang paling mutakhir.Penulis adalah
guru SMAN 21 Bandung.PUSTAKA ACUANAdiwikarta, S.
(1988). Sosiologi Pendidikan : Isyu dan Hipotesis tentang Hubungan Pendidikan
dengan Masyarakat. Jakarta : P2LPTK-Ditjen Dikti Depdikbud.Clark,
L.H. (1965). Social Studies and Mass Media. Plainfield, N.J. : New Jersey
Secondary School Teachers Association). Clark, L.H. (1973). Teaching
Social Studies in Schools : A Handbook. New York : MacMillan Publishing Co.,
Inc.Cobine, G.R. (1997). Studying with the Computer. ERIC Digest.
[Online]. Tersedia : http://www.ericfacility.net/ericdigests/ed450069.html. [28
April 2003]. Dominguez and Rincon. (1992). ¡§The Influence
of Television¡¨.Dalam Buckingham, et.al. (Eds.). New Direction of Media
Education. London : British Film Institute.Gordin, D.L. et.al.
(1995). ¡§Using the WorldWideWeb to Build Learning
Communities¡¨. Northwestern University Magazine, April, 1-17. McLuhan, M. (1964). Understanding Media : The Extensive of Man. New York :
McGraw-Hill.Nielsen Media Research. (1998). Report on Television.
New York : A.C. Nielsen Company.Prinsloo, J. and Criticos, C.
(1994). Media Matters. New York : St. Martin Press.Purbo, O.W.
(2000). ¡§Perkembangan Teknologi Informasi dan Internet di
Indonesia¡¨. Kompas (28 Juni 2000). Toffler, A. (1981). The
Third Wave. New York : Bantam Books.dikutip dari :
http://re-seahengines.comuntuk tugas
sekolah Diposkan
olehbe your selfdihref='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html'
title='permanent link'>22:33class='comment-link'
href='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html#comments'
onclick=''>0komentar
href='http://www.blogger.com/post-edit.g?blogID=2442100737062399218&postID=5991465620591787348'
title='Edit Entri'>
href='http://whaksoce.blogspot.com/search?updated-max=2009-01-12T22%3A33%3A00-08%3A00&max-results=7'
id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama
Langgan:href='http://whaksoce.blogspot.com/feeds/posts/default' target='_blank'
type='application/atom+xml'>Entri (Atom)Blog Archive
href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1230796800000&toggleopen=MONTHLY-1235894400000'>
▼ href='http://whaksoce.blogspot.com/search?updated-min=2009-01-01T00%3A00%3A00-08%3A00&updated-max=2010-01-01T00%3A00%3A00-08%3A00&max-results=7'>2009
(7) href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1235894400000&toggleopen=MONTHLY-1235894400000'>
▼ href='http://whaksoce.blogspot.com/2009_03_01_archive.html'>Maret
(2) href='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html_10.html'>PANDUAN
RINGKAS HTMLhref='http://whaksoce.blogspot.com/2009/03/panduan-ringkas-html.html'>PANDUAN
RINGKAS HTMLclass='toggle'
href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1230796800000&toggleopen=MONTHLY-1235894400000'>
► href='http://whaksoce.blogspot.com/2009_01_01_archive.html'>Januari
(5) href='http://whaksoce.blogspot.com/2009/01/perangkat-keras-internet.html'>Perangkat
keras internethref='http://whaksoce.blogspot.com/2009/01/manfaat-internet.html'>Manfaat
Internethref='http://whaksoce.blogspot.com/2009/01/blog.html'>Bloghref='http://whaksoce.blogspot.com/2009/01/komput3r.html'>KoMpuT3R
href='http://whaksoce.blogspot.com/2009/01/pemanfaatan-internet.html'>PEMANFAATAN
INTERNET
href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1235894400000'>
► href='http://whaksoce.blogspot.com/search?updated-min=2008-01-01T00%3A00%3A00-08%3A00&updated-max=2009-01-01T00%3A00%3A00-08%3A00&max-results=1'>2008
(1) href='http://whaksoce.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1228118400000&toggleopen=MONTHLY-1235894400000'>
► href='http://whaksoce.blogspot.com/2008_12_01_archive.html'>Desember
(1) href='http://whaksoce.blogspot.com/2008/12/perangkat-k3ras-internet.html'>Perangkat
K3ras internethref='http://www.blogger.com/rearrange?blogID=2442100737062399218&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget'
onclick='return
_WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));'
target='configBlogArchive1' title='Edit'>
About Mehref='http://www.blogger.com/profile/09566132752598877137'>whax's
ocemenurut temen2 q, q tu aneh, lucu n
gokil... tpi smart lhoo (he...3x) sekarang masih sekolah di SMASA KRAX'S....
pernah tinggal di malang, lumajang , di prolink n pinginnya sih nanti tinggal di
surga.... he..4x.nama bekenX Whax.... salam kenal YAAAAAAAAclass='profile-link'
href='http://www.blogger.com/profile/09566132752598877137'>Lihat profil
lengkapkuhref='http://www.blogger.com/rearrange?blogID=2442100737062399218&widgetType=Profile&widgetId=Profile1&action=editWidget'
onclick='return
_WidgetManager._PopupConfig(document.getElementById("Profile1"));'
target='configProfile1' title='Edit'>
_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=2442100737062399218',
'http://whaksoce.blogspot.com/','2442100737062399218');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=2442100737062399218',
'9COmCS3RPYEsOAtU53CpYyTxgqc:1237253236130');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'be your
self', 'pageType': 'index', 'url': 'http://whaksoce.blogspot.com/',
'homepageUrl': 'http://whaksoce.blogspot.com/', 'pageName': '', 'pageTitle': 'be
your self', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false,
'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42
type\75\42application/atom+xml\42 title\75\42be your self - Atom\42
href\75\42http://whaksoce.blogspot.com/feeds/posts/default\42 /\76\n\74link
rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42be your self -
RSS\42 href\75\42http://whaksoce.blogspot.com/feeds/posts/default?alt\75rss\42
/\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42
title\75\42be your self - Atom\42
href\75\42http://www.blogger.com/feeds/2442100737062399218/posts/default\42
/\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42
title\75\42RSD\42
href\75\42http://www.blogger.com/rsd.g?blogID\0752442100737062399218\42 /\076',
'meTag': '\74link rel\75\42me\42
href\75\42http://www.blogger.com/profile/09566132752598877137\42 /\76\n',
'openIdOpTag': '\74link rel\75\42openid.server\42
href\75\42http://www.blogger.com/openid-server.g\42 /\76\n',
'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var
a\75window;function d(){this.t\75{};this.tick\75function(b,c){this.t[b]\75[(new
Date).getTime(),c]};this.tick(\42start\42)}var e\75new
d;a.jstiming\75{Timer:d,load:e};try{a.jstiming.pt\75a.external.pageT}catch(f){};function
g(b){var c\0750;if(b.offsetParent){do
c+\75b.offsetTop;while(b\75b.offsetParent)}return
c}a.tickAboveFold\75function(b){g(b)\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var
h\75false;function
i(){if(!h){h\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,i,false):a.attachEvent(\42onscroll\42,i);
})();\74/script\076'}}]);_WidgetManager._SetSystemMarkup({'layout': {'varName':
'', 'template': '\74div class\75\47widget-wrap1\47\76\n\74div
class\75\47widget-wrap2\47\76\n\74div class\75\47widget-wrap3\47\76\n\74div
class\75\47widget-content\47\76\n\74div
class\75\47layout-title\47\76\74data:layout-title\76\74/data:layout-title\76\74/div\76\n\74a
class\75\47editlink\47 expr:href\75\47data:widget.quickEditUrl\47
expr:onclick\75\47\46quot;return
_WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +
data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47
target\75\47chooseWidget\47\76\74data:edit-link\76\74/data:edit-link\76\74/a\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74/div\076'},
'quickedit': {'varName': '', 'template': '\74div
class\75\47clear\47\76\74/div\76\n\74span
class\75\47widget-item-control\47\76\n\74span class\75\47item-control
blog-admin\47\76\n\74a class\75\47quickedit\47
expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return
_WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +
data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47
expr:target\75\47\46quot;config\46quot; + data:widget.instanceId\47
expr:title\75\47data:edit-link\47\76\n\74img alt\75\47\47 height\75\04718\47
src\75\47http://img1.blogblog.com/img/icon18_wrench_allbkg.png\47
width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/span\76\n\74div
class\75\47clear\47\76\74/div\076'}, 'all-head-content': {'varName': 'page',
'template':
'\74data:blog.latencyHeadScript\76\74/data:blog.latencyHeadScript\76\n\74meta
expr:content\75\47\46quot;text/html; charset\75\46quot; + data:page.encoding\47
http-equiv\75\47Content-Type\47/\76\n\74meta content\75\47true\47
name\75\47MSSmartTagsPreventParsing\47/\76\n\74meta content\75\47blogger\47
name\75\47generator\47/\76\n\74link
href\75\47http://www.blogger.com/favicon.ico\47 rel\75\47icon\47
type\75\47image/vnd.microsoft.icon\47/\76\n\74data:blog.feedLinks\76\74/data:blog.feedLinks\76\n\74data:blog.meTag\76\74/data:blog.meTag\76\n\74data:blog.openIdOpTag\76\74/data:blog.openIdOpTag\76\n\74b:if
cond\75\47data:page.isPrivate\47\76\n\74meta content\75\47NOINDEX,NOFOLLOW\47
name\75\47robots\47/\76\n\74/b:if\076'}});
_WidgetManager._RegisterWidget('_BlogArchiveView', new
_WidgetInfo('BlogArchive1', 'sidebar',{'main': {'varName': '', 'template':
'\74b:if
cond\75\47data:title\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div
class\75\47widget-content\47\76\n\74div id\75\47ArchiveList\47\76\n\74div
expr:id\75\47data:widget.instanceId +
\46quot;_ArchiveList\46quot;\47\76\n\74b:if cond\75\47data:style \75\75
\46quot;HIERARCHY\46quot;\47\76\n\74b:include data\75\47data\47
name\75\47interval\47\76\74/b:include\76\n\74/b:if\76\n\74b:if
cond\75\47data:style \75\75 \46quot;FLAT\46quot;\47\76\n\74b:include
data\75\47data\47 name\75\47flat\47\76\74/b:include\76\n\74/b:if\76\n\74b:if
cond\75\47data:style \75\75 \46quot;MENU\46quot;\47\76\n\74b:include
data\75\47data\47
name\75\47menu\47\76\74/b:include\76\n\74/b:if\76\n\74/div\76\n\74/div\76\n\74b:include
name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}, 'flat': {'varName':
'data', 'template': '\74ul\76\n\74b:loop values\75\47data:data\47
var\75\47i\47\76\n\74li class\75\47archivedate\47\76\n\74a
expr:href\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76\74/a\76
(\74data:i.post-count\76\74/data:i.post-count\76)\n
\74/li\76\n\74/b:loop\76\n\74/ul\076'}, 'menu': {'varName': 'data', 'template':
'\74select expr:id\75\47data:widget.instanceId +
\46quot;_ArchiveMenu\46quot;\47\76\n\74option
value\75\47\47\76\74data:title\76\74/data:title\76\74/option\76\n\74b:loop
values\75\47data:data\47 var\75\47i\47\76\n\74option
expr:value\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76
(\74data:i.post-count\76\74/data:i.post-count\76)\74/option\76\n\74/b:loop\76\n\74/select\076'},
'interval': {'varName': 'intervalData', 'template': '\74b:loop
values\75\47data:intervalData\47 var\75\47i\47\76\n\74ul\76\n\74li
expr:class\75\47\46quot;archivedate \46quot; +
data:i.expclass\47\76\n\74b:include data\75\47i\47
name\75\47toggle\47\76\74/b:include\76\n\74a class\75\47post-count-link\47
expr:href\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76\74/a\76\n
(\74span
class\75\47post-count\47\76\74data:i.post-count\76\74/data:i.post-count\76\74/span\76)\n
\74b:if cond\75\47data:i.data\47\76\n\74b:include data\75\47i.data\47
name\75\47interval\47\76\74/b:include\76\n\74/b:if\76\n\74b:if
cond\75\47data:i.posts\47\76\n\74b:include data\75\47i.posts\47
name\75\47posts\47\76\74/b:include\76\n\74/b:if\76\n\74/li\76\n\74/ul\76\n\74/b:loop\076'},
'toggle': {'varName': 'interval', 'template': '\74b:if
cond\75\47data:interval.toggleId\47\76\n\74b:if cond\75\47data:interval.expclass
\75\75 \46quot;expanded\46quot;\47\76\n\74a class\75\47toggle\47
expr:href\75\47data:widget.actionUrl + \46quot;\46amp;action\75toggle\46quot; +
\46quot;\46amp;dir\75close\46amp;toggle\75\46quot; + data:interval.toggleId
+ \46quot;\46amp;toggleopen\75\46quot; + data:toggleopen\47\76\n\74span
class\75\47zippy toggle-open\47\76\46#9660;
\74/span\76\n\74/a\76\n\74b:else\76\74/b:else\76\n\74a class\75\47toggle\47
expr:href\75\47data:widget.actionUrl + \46quot;\46amp;action\75toggle\46quot; +
\46quot;\46amp;dir\75open\46amp;toggle\75\46quot; +
data:interval.toggleId + \46quot;\46amp;toggleopen\75\46quot; +
data:toggleopen\47\76\n\74span class\75\47zippy\47\76\46#9658;
\74/span\76\n\74/a\76\n\74/b:if\76\n\74/b:if\076'}, 'posts': {'varName':
'posts', 'template': '\74ul class\75\47posts\47\76\n\74b:loop
values\75\47data:posts\47 var\75\47i\47\76\n\74li\76\74a
expr:href\75\47data:i.url\47\76\74data:i.title\76\74/data:i.title\76\74/a\76\74/li\76\n\74/b:loop\76\n\74/ul\076'}},
document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'},
'displayModeFull'));_WidgetManager._RegisterWidget('_ProfileView', new
_WidgetInfo('Profile1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if
cond\75\47data:title !\75
\46quot;\46quot;\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div
class\75\47widget-content\47\76\n\74b:if cond\75\47data:team \75\75
\46quot;true\46quot;\47\76\n\74ul\76\n\74b:loop values\75\47data:authors\47
var\75\47i\47\76\n\74li\76\74a
expr:href\75\47data:i.userUrl\47\76\74data:i.display-name\76\74/data:i.display-name\76\74/a\76\74/li\76\n\74/b:loop\76\n\74/ul\76\n\74b:else\76\74/b:else\76\n\74b:if
cond\75\47data:photo.url !\75 \46quot;\46quot;\47\76\n\74a
expr:href\75\47data:userUrl\47\76\74img class\75\47profile-img\47
expr:alt\75\47data:photo.alt\47 expr:height\75\47data:photo.height\47
expr:src\75\47data:photo.url\47
expr:width\75\47data:photo.width\47/\76\74/a\76\n\74/b:if\76\n\74dl
class\75\47profile-datablock\47\76\n\74dt
class\75\47profile-data\47\76\74data:displayname\76\74/data:displayname\76\74/dt\76\n\74b:if
cond\75\47data:showlocation \75\75 \46quot;true\46quot;\47\76\n\74dd
class\75\47profile-data\47\76\74data:location\76\74/data:location\76\74/dd\76\n\74/b:if\76\n\74b:if
cond\75\47data:aboutme !\75 \46quot;\46quot;\47\76\74dd
class\75\47profile-textblock\47\76\74data:aboutme\76\74/data:aboutme\76\74/dd\76\74/b:if\76\n\74/dl\76\n\74a
class\75\47profile-link\47
expr:href\75\47data:userUrl\47\76\74data:viewProfileMsg\76\74/data:viewProfileMsg\76\74/a\76\n\74/b:if\76\n\74b:include
name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}},
document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1',
'header'));_WidgetManager._RegisterWidget('_NavbarView', new
_WidgetInfo('Navbar1', 'navbar'));_WidgetManager._RegisterWidget('_BlogView',
new _WidgetInfo('Blog1', 'main'));
Diposting oleh cuex is the best di 18.32 0 komentar
