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

World Wide Web 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 WWW, berbasis HTML 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

FASILITAS INTERNET Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

Layanan yang ada di Internet World Wide Web (WWW) File Transfer Protocol (FTP) Telnet Newsgroup (e.g. BBS) Mailing Lists Chat Room (e.g. ICQ) Downloading/Uploading (i.e. ftp, gopher) Resource Sharing Resource Discovery Resource E-Mail Community 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

Teknologi & Aplikasi Web 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

Aplikasi berbasis Web 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

Browser 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

Internet Explorer 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

Langkah-Langkah dalam Browsing Klik double pada icon Internet Explorer Ketikkan nama situs yang akan di browsing Tekan ‘enter’ atau klik tombol Tunggu beberapa saat hingga tampilan keseluruhan selesai dan tertulis ‘Done’ di status bar. 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 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

Menyimpan Web Pages 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) 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. 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 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

cont’d Langkah menggunakan search engine Google : Buka browser dan buka www.google.com 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 Tekan enter atau klik tombol Geoogle Search Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

E-mail ( Electronic Mail ) 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

Dua Layanan Email Web mail, yaitu E-mail yang dapat diperoleh dengan mendaftarkan diri pada site-site yang menyediakan E- mail 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 Alamat email diperlukan dalam proses pengiriman email. Sistem pengalamatan pada email menggunakan format identitas dan domain yang digabung menggunakan karakter @ (at, dibaca et) Contoh : namasaya@domain.or.id Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

Membuat Email Account Sebelum menggunakan fasilitas E-mail yang ada di Yahoo terlebih dahulu kita harus memiliki account di yahoo, langkah-langkahnya sbb : 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

cont’d 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

cont’d 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

Membuka Email Setelah anda mendaftar dan memiliki ID di yahoo.com anda dapat membuka dan mengirim E- mail. 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

cont’d Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

Mengirim Email 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

Attachment Email 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

Pertanyaan 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 Address Bar / Alamat Link B Standar Button / Tools Bars C Menu Bar D Status Bar / Indikator Status E Indikator Operasi Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

Upload Data Internet Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

Cara Meng On-line kan Situs 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

alternatif cara untuk meng- Tiga alternatif cara untuk meng- online kan situs web : 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

Cont’d 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

Cont’d 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

Up Load FTP 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 file- file dari server ke client. Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

FTP Client 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

Cont’d 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

Pertanyaan 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