Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Oleh : Hariyanto. SKom.,MMSI. Pemahaman dan Operasional : Web Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya.

Presentasi serupa


Presentasi berjudul: "Oleh : Hariyanto. SKom.,MMSI. Pemahaman dan Operasional : Web Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya."— Transcript presentasi:

1 Oleh : Hariyanto. SKom.,MMSI. Pemahaman dan Operasional : Web 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 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 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 Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010 File-file yg terkait

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

11 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 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 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 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 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 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

18 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

19 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 Langkah menggunakan search engine Google : 1. Buka browser dan buka 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

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

25 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 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 Setelah anda mendaftar dan memiliki ID di yahoo.com anda dapat membuka dan mengirim E- mail. 1. Klik browser IE atau Mozilla Firefox 2. Ketik alamat 3. Masukkan Yahoo ID dan Password lalu tekan Sign In 4. Klik Check 5. Klik Inbox 6. Klik Subject yang ada pada inbox Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya 2-4 Juni 2010

28

29 1. Klik Compose 2. 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 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

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

35 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 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 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 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 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 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

41

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

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


Download ppt "Oleh : Hariyanto. SKom.,MMSI. Pemahaman dan Operasional : Web Pelatihan SDM Dalam Bidang Komunikasi dan Informasi PEMDA Kab. Tangerang, Hotel Puncak Raya."

Presentasi serupa


Iklan oleh Google