Web - Aqwam Rosadi

Pemahaman dan Operasional :
Web
Oleh : Hariyanto. SKom.,MMSI.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Apakah yang dimaksud ?
 WWW
 Web
 Website
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Sering disingkat sebagai WWW atau web saja, yakni
sebuah sistem dimana informasi dalam bentuk teks,
gambar, suara, dan lain-lain dipresentasikan dalam
bentuk hypertext dan dapat diakses oleh perangkat
lunak yang disebut browser.
Informasi di web pada umumnya ditulis dalam format
HTML.
WWW dijalankan dalam server yang disebut Web
Server (Apache, IIS dll).
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Word Wide Web
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Ex : WWW
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Web (Homepage)
 Adalah sebuah sistem dimana informasi dalam
bentuk teks, gambar, suara, dan lain-lain yang
tersimpan dalam sebuah internet webserver
dipresentasikan dalam bentuk hypertext. Informasi
di web dalam bentuk teks umumnya ditulis dalam
format HTML (Hypertext Markup Language).
 Informasi lainnya disajikan dalam bentuk grafis
(dalam format GIF, JPG, PNG), suara (dalam format
AU, WAV), dan objek multimedia lainnya (seperti
MIDI, Shockwave, Quicktime Movie, 3D World).
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Ex : Web
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Website
 Merupakan
kumpulan halaman web yang
berhubungan dengan file-file yang saling terkait
di setiap website
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Ex : Website
File-file
yg terkait
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
 World Wide Web (WWW)
 Resource Sharing
 File Transfer Protocol (FTP)
 Resource Discovery
 Telnet
 Resource E-Mail
 Newsgroup (e.g. BBS)
 Community
 Mailing Lists
 Chat Room (e.g. ICQ)
 Downloading/Uploading
(i.e. ftp, gopher)
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Apa Beda Website dan Web Page
 Website, merupakan kumpulan halaman web yang
berhubungan dengan file-file yang saling terkait di
setiap website
 Webpage, setiap informasi pada halaman web
disimpan dalam suatu file berbeda-beda
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
 Web Statis
 HyperText Markup Language (HTML)
 Web Dinamis
 HTML + Scripting/Programming
 Client Side Script : script yang dijalankan pada
komputer client
 Javascript, DHTML
 Server Side Script : script yang dieksekusi pada
komputer server dan hasilnya dikirim ke client
 Active Server Page (ASP), PHP, CGI, ColdFusion
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
 E-Commerce:
 E-Business:
 E-Learning
 E-Government
 E-Banking
 dll
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Untuk mengakses layanan WWW dari sebuah
komputer (yang disebut WWW server atau web server)
digunakan program web client yang disebut web
browser atau browser saja.
Jenis-jenis browser yang sering digunakan adalah :
Internet Explorer, Mozilla Firefox, Netscape
Navigator/Communicator, Opera, Lynx, dll.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Title Bar :
Mencantumkan nama dari situs yang di
browsing
Address Bar
Tool Bar
 Back – Kembali ke halaman
sebelumnya
 Forward – Menuju ke halaman
berikutnya
 Stop - Membatalkan browsing
 Refresh- Mengulang kembali
browsing yang gagal dengan alamat
yang sama
 Home - Kembali ke tampilan
pertama
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
1. Klik double pada icon Internet Explorer
2. Ketikkan nama situs yang akan di browsing
3. Tekan ‘enter’ atau klik tombol
4. Tunggu beberapa saat hingga tampilan keseluruhan selesai
dan tertulis ‘Done’ di status bar.
5. Jika ingin membuka halaman baru dengan page yang sama,
dapat dilakukan dengan cara : klik File pada menu, klik New,
dan klik Window. Atau dengan menekan tombol Ctrl+N
6. Jika sudah selesai, Internet Exploler ditutup dengan cara
mengklik ‘Close’ pada menu files
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
1. Simpan ke hard disk dengan meng-klik :
 File,
 Save As dan pilih folder untuk penyimpanan,
 Save dan bisa dibuka kembali sesuai dengan aslinya (ekstensi *.html)
2. Bila hanya membutuhkan teksnya saja, imagenya tidak perlu (file yang
dihasilkan dengan penyimpanan cara 1:sangat besar), maka lakukan cara
 High light (sorot) teksnya copy (ctrl+c) dan pastekan (ctrl+v) di Ms
Word.
3. Bila ingin menyimpan program asli tampilan website dapat dilakukan
dengan :
 Klik kanan teks tsb, akan muncul menu pop up buka kode htmlnya
dengan klik View Source
 Source code akan muncul pada note pad kemudian simpan filenya
dengan : File – Save- nama file extension txt ganti dengan htm.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Search engine adalah salah satu fasilitas internet yang
dijalankan melalui browser untuk mencari informasi yang
kita inginkan.
Search engine menampung database situs-situs dari seluruh
dunia, cukup dengan memasukkan kata kuncinya maka
search engine akan menampilkan beberapa link situs yang
disertai dengan keterangan singkat.
Contoh search engine adalah Google, Yahoo, Google
chroome, Intrenet Explorer, Mozila Firefox, Opera
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Langkah menggunakan search engine Google :
1. Buka browser dan buka www.google.com
2. Pada kolom ketikkan kata kunci informasi yang ingin
dicari, misal :


Jika teks per kata dipisah karakter +, berarti atau
Jika teks diapit tanda “ “ maka akan dicari link
situs/informasi yang sama persis
3. Tekan enter atau klik tombol Geoogle Search
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Layanan ini digunakan untuk saling korespondensi antar
teman, relasi, lembaga dan lain sebagainya.
Dengan E-mail data dikirim secara elektronik sehingga
sampai di tujuan dengan sangat cepat.
Juga kita dapat mengirim file-file berupa program,
gambar, grafik dan lain sebagainya.
Kita juga dapat mengirim ke lebih dari satu orang
sekaligus pada saat bersamaan.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
 Web mail, yaitu E-mail yang dapat diperoleh dengan
mendaftarkan diri pada site-site yang menyediakan Email space pada servernya baik yang gratis atau
berbayar seperti : hotmail, yahoo mail, google mail,
mailcity, usanetmail, cmpnetmail, dan lain-lain.
 POP mail, yaitu E-mail yang dapat diperoleh bila kita
mendaftarkan diri pada mail server tertentu
(biasanya dengan beberapa syarat tertentu), misalnya
milik ISP dimana anda terkoneksi atau milik instansi
dimana anda sedang bekerja.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Alamat email diperlukan dalam proses pengiriman
email.
Sistem pengalamatan pada email menggunakan format
identitas dan domain yang digabung menggunakan
karakter @ (at, dibaca et)
Contoh :
[email protected]
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
 Sebelum menggunakan
fasilitas E-mail yang ada di
Yahoo terlebih dahulu kita
harus memiliki account di
yahoo,
 langkah-langkahnya sbb :
1. Mendaftar di Yahoo
Klik browser Internet Exploler
atau Firefox
 Ketik alamat yang diinginkan
http://mail.yahoo.com
 Kemudian klik SIGN UP

Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Setelah tampilan berikutnya
terbuka anda dapat dapat
mengisi formulir yang tersedia,
spt gbr di samping :
Bila telah selesai, klik tombol
Create My Account
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Bila telah berhasil (tidak ada
kesalahan atau kekurangan
dalam pengisian formulir),
akan muncul spt gambar di
samping :
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

1.
2.
3.
4.
5.
6.
Setelah anda mendaftar dan
memiliki ID di yahoo.com anda
dapat membuka dan mengirim Email.
Klik browser IE atau Mozilla
Firefox
Ketik alamat
http://mail.yahoo.com
Masukkan Yahoo ID dan
Password lalu tekan Sign In
Klik Check E-mail
Klik Inbox
Klik Subject E-mail yang ada pada
inbox
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
1.
2.

Klik Compose
Selanjutnya ketik alamat yang
akan dikirm email pada To,
Cc : alamat lain (surat berantai),
BCc : alamat yang lain lagi.
Setelah itu ketikkan email yang
akan dikirim. Perhatikan gambar
:
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Jika ada file yang akan dikirim
juga melalui email ini klik
akan muncul tampilan seperti
di samping :
Klik Browse
Klik Attach File
Klik Continue to Message
Tampil kembali window
Compose,
 klik Send




Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Sebutkan :
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Jawab :





A
B
C
D
E
Address Bar / Alamat Link
Standar Button / Tools Bars
Menu Bar
Status Bar / Indikator Status
Indikator Operasi
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Setelah selesai membangun situs web, tentu Anda ingin
agar website Anda di-online-kan (atau di-publish) agar
seluruh dunia dapat mengaksesnya.
Bagaimanakah caranya?
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
 Membeli server sendiri,
 Menyewa server milik orang atau perusahaan lain
 Mendaftar di situs penyedia layanan hosting gratis.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Internet adalah sebuah jaringan yang sangat
complicated, karena banyak komputer client maupun
server yang terlibat di dalamnya.
Komputer yang Anda pakai merupakan sebuah client,
dan yang menjadi "komputer induk" atau server Anda
adalah adalah server di mana file-file hasil desain web
Anda akan disimpan.
Jika misalnya Anda menggunakan layanan webhosting
dari CBN, maka Anda akan menyimpan file-file tersebut
di server CBN.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Yang harus dilakukan agar website Anda dapat diakses
oleh seluruh dunia adalah meng-upload file-file hasil
desain web Anda ke server situs Anda.
Secara umum, ada dua media yang dapat Anda
gunakan untuk meng-upload file-file ke server, yaitu:
 FTP client dan
 Web Control Panel.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
FTP adalah singkatan dari File Transfer Protokol. Ini
adalah protokol yang digunakan untuk memindahkan
file-file dari satu komputer ke komputer lain pada
jaringan komputer/internet.
Dengan demikian, sebenarnya FTP tidak hanya
berfungsi untuk mengupload file-file dari client ke
server. Ia juga bisa digunakan untuk mendownload filefile dari server ke client.
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Ada beberapa aplikasi FTP client yang dapat Anda
gunakan untuk meng-upload file-file desain web Anda
ke server. Beberapa di antaranya adalah:





WS_FTP (www.ipswitch.com/Products/WS_FTP/),
SmartFTP,
Secure FTP,
Filezilla,
dan beberapa program lain yang dapat Anda download
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Sumber:
 Majalah Infokomputer
 Majalah Infolinux
 Wikipedia
 Google
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010
TERIMA KASIH
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010