Pemahaman dan Operasional : Web

Presentasi berjudul: "Pemahaman dan Operasional : Web"— Transcript presentasi:

1 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

2 Apakah yang dimaksud ? WWW Web Website
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

3 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

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

5 Ex : WWW WWW, berbasis HTML
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

6 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

7 Ex : Web Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

8 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

9 Ex : Website File-file yg terkait
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

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

11 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 Community Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

12 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

13 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

14 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

15 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

16 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

17 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

18 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

19 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

20 cont’d Langkah menggunakan search engine Google :
Buka browser dan buka 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

21 E-mail ( Electronic Mail )
Layanan ini digunakan untuk saling korespondensi antar teman, relasi, lembaga dan lain sebagainya. Dengan 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

22 Dua Layanan Web mail, yaitu 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 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

23 Alamat Alamat diperlukan dalam proses pengiriman . Sistem pengalamatan pada menggunakan format identitas dan domain yang digabung menggunakan (at, dibaca et) Contoh : Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

24 Membuat Account Sebelum menggunakan fasilitas 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 Kemudian klik SIGN UP Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

25 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

26 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

27 Membuka Setelah anda mendaftar dan memiliki ID di yahoo.com anda dapat membuka dan mengirim E- mail. Klik browser IE atau Mozilla Firefox Ketik alamat Masukkan Yahoo ID dan Password lalu tekan Sign In Klik Check Klik Inbox Klik Subject yang ada pada inbox Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

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

29 Mengirim Email Klik Compose
Selanjutnya ketik alamat yang akan dikirm pada To, Cc : alamat lain (surat berantai), BCc : alamat yang lain lagi. Setelah itu ketikkan yang akan dikirim. Perhatikan gambar : Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

30 Attachment Jika ada file yang akan dikirim juga melalui 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

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

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

33 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

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

35 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

36 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

37 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

38 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

39 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

40 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 ( 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

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

42 Sumber: Majalah Infokomputer Majalah Infolinux Wikipedia Google
Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

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

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