Materi literasi digital internet dan web.pptx

internet dan web

1. TEKNOLOGI INTERNET DAN WEB

2. KONSEP INTERNET Internet adalah jaringan dari jaringan komputer di seluruh dunia Komputer yang sebelumnya merupakan stand-alone , kini terhubung dengan host Internet sebagai jaringan menggunakan sarana atau media telekomunikasi PTKI Modul-10: Teknologi Internet dan Web 2

3. SEJARAH INTERNET Sejarah Internet dimulai pada tahun 1969 dengan dikembangkannya ARPAnet (US Defense Advanced Research Projects Agency) Tujuannya untuk menghubungkan sejumlah komputer mainframe yang terdapat di sejumlah universitas di Amerika Serikat PTKI Modul-10: Teknologi Internet dan Web 3

4. TONGGAK SEJARAH Tahun Peristiwa 1957 ARPA dibentuk oleh DoD AS 1959 Len Kleinrock menulis artikel tentang packet switching 1970 ARPANET menggunakan Network Control Protocol 1972 InterNetworking Working Group (INWG) dibentuk untuk mempromosikan standar yang sudah disepakati 1973 Gagasan Ethernet dikemukakan oleh Bob Metcalfe dalam disertasi nya 1974 Desain TCP/IP dijabarkan secara rinci oleh Vint Cerf dan Rob Kahn 1976 UNIX-to-UNIX Copy (UUCP) dikembangkan oleh Bell Labs 1981 BIBNET beroperasi 1982 TCP/IP menjadi protokol ARPANET 1983 BSD UNIX menggunakan TCP/IP 1984 Jumlah host Internet lebi dari 1.000, Domain Name Service (DNS) lahir PTKI Modul-10: Teknologi Internet dan Web 4

5. TONGGAK SEJARAH Tahun Peristiwa 1988 Internet Worm melumpuhkan Internet, sekitar 6.000 host terkena dampaknya 1990 DoD menghentikan ARPANET; Tim Berners-Lee mensirkulasikan WWW; browser dan editor WYSIWYG dikembangkan 1991 Brewster Kahle mengembangkan WAIS; Paul Lindner dan Mark McCahill meluncurkan Gopher; Philip Zimmerman meluncurkan PGP; CERN meluncurkan WWW 1992 Jumlah host Internet melampau satu juta ; browser Viola diluncurkan oleh Pei Wei dan didistribusikan bersama CERN WWW 1993 NSF membuat InterNIC untuk pelayanan Internet seperti pendaftaran domain; Mosaic versi pertama dikembangkan oleh Marc Andereesen 1995 Compuserve , America Online, dan Prodiy memberikan layanan akses ke Internet; Perusahaan Marc Andreesen , Netscape Communication Corporation go public PTKI Modul-10: Teknologi Internet dan Web 5

6. APLIKASI INTERNET Internet tidak berguna tanpa aplikasi yang sesuai Setiap aplikasi berjalan di atas protokol tertentu Protokol adalah satu set aturan yang mengatur bagaimana sejumlah aplikasi berkomunikasi dalam suatu jaringan Perangkat lunak aplikasi yang berjalan di atas suatu protokol disebut aplikasi client PTKI Modul-10: Teknologi Internet dan Web 6

7. KONSEP dasar WEB Web  Internet Internet adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia. Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, animasi, video) di dalamnya yang menggunakan protokol HTTP (hypertext Transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser. Perbedaan Utama : Internet adalah hardware; Web adalah software Banyak aplikasi berbasis internet diantaranya : Ex : email, telnet, ftp, usenet, Instant Messenger, Napster, …

8. Lanjutan P engertian Situs Web Situs web merupakan kumpulan dari halaman web yang sudah di publikasikan di jaringan internet dan memiliki domain/URL yang dapat di akses semua pengguna Internet dengan cara mengetikkan alamatnya. HTTP HTTP (HyperTextTransfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web(WWW).  WWW World Wide Web adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi.

9. PENGERTIAN URL dan URI URL Uniform Resource Locator adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URI Uniform Resource Identifier adalah sebuah untaian karakter yang digunakan untuk mengidentifikasi nama, sumber, atau layanan di Internet.

10. Perbedaan URL dan URI URL (Uniform Resource Locator) URL digunakan oleh sebuah browser untuk mengidentifikasi sumber daya yang ada di internet yang dituliskan dalam satu baris teks. URL merupakan bagian dari URI URL menunjuk ke suatu halaman web yang menggunakan “scheme” tanpa menggunakan code fragment. Contoh : http s :// uinsatu.ac.id

11. LANJUTAN URI (Uniform Resurce Identifier) URI digunakan browser untuk mengidentifikasi dokumen tunggal dan dituliskan dalam satu baris teks. URI digunakan untuk mengidentifikasi suatu resource dengan lokasi atau nama, ataupun keduanya. URI menunjuk ke suatu halaman web, termasuk lokasi code fragmentnya (apabila ada) dan “scheme”. Contoh : http s :// uinsatu.ac.id/category/ pengumuman

12. Konsep web statis dan dinamis Web berdasarkan teknologinya terbagi menjadi dua, yaitu : Web Statis Web Statis adalah jenis Website yang mana penggunanya tidak bisa merubah kontent dari Web tersebut secara langsung menggunakan Browser. Interaksi yang terjadi antara pengguna (client) dan server hanyalah seputar pemrosesan link saja. Web Dinamis Web dinamis adalah jenis Website dengan interaksi yang terjadi antara pengguna dan server sangat kompleks. Di mana seseorang (Client) dapat mengubah Content dari halaman tertentu dengan menggunakan Browser. Request yang dikirimkan oleh pengguna dapat diproses oleh server untuk kemudian ditampilkan dalam isi yang berbeda-beda menurut alur programnya.

13. Jenis pemrograman web Client Side Scripting Client Side Scripting adalah salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client. Proses pengolahan client side scripting dilakukan oleh web browser sebagai clientnya. Contoh : HTML, XHTML, CSS, Javascript, XML(Extensible Markup Language). Server Side Scripting Server Side Scripting adalah bahasa pemrograman web yang pengolahannya dilakukan di sisi server. Maksud server di sini adalah web server yang didalamnya telah mengintegrasikan komponen web engine. Contoh : ASP(Active Server Pages), PHP(Hypertext Preprocessor, JSP(Java Server Pages).

14. Arsitektur aplikasi berbasis web Client side scripting Request HTML Response HTML CLIENT SERVER

15. Arsitektur aplikasi berbasis web server side scripting Request PHP Response HTML CLIENT SERVER Intepreter PHP

16. WORLD WIDE WEB Web merupakah salah satu aplikasi Internet yang paling populer , sehingga Web identik dengan Internet Secara teknis , web adalah sebuah sistem di mana informasi dalam berbagai bentuk ( teks , gambar , suara , dan lain-lain) yang tersimpan dalam Webserver disajikan dalam bentuk hypertext PTKI Modul-10: Teknologi Internet dan Web 16

17. FORMAT KONTEN WEB Informasi dalam bentuk teks ditulis dalam format HTML (Hypertext Mark-up Language) Informasi grafis dalam bentuk GIF, JPG, PNG; suara dalam format AU, WAV; dan obyek multi media lainnya dalam bentuk MIDI, Shockwave, Quicktime Movie, 3D World PTKI Modul-10: Teknologi Internet dan Web 17

18. AKSES WEB Web diakses oleh perangkat lunak web client yang disebut browser Browser membaca halaman-halaman web yang tersimpan di webserver melalui protokol HTTP (hypertext transfer protocol) Dokumen hypertext dapat memiliki tautan (link) dengan dokumen lain baik dalam webserver yang sama maupun webserver yang berbeda PTKI Modul-10: Teknologi Internet dan Web 18

19. SISTEM E-MAIL Setiap pemilik e-mail memiliki mailbox pada mailserver Pemilik mailbox sewaktu-waktu dapat memeriksa kotak surat , menjawab , menghapus atau menyunting pesan e-mail Layanan e-mail dapat berbasis client ( mis : Eudora atau Outlook Express) atau berbasis web PTKI Modul-10: Teknologi Internet dan Web 19

20. Komponen penyusun web Statis Bahasa Pemrograman (Client Side Scripting dan Server Side Scripting). Web Editor digunakan untuk mengetikkan perintah-perintah dokumen web. Dibagi menjadi 3 yaitu : Editor Teks (Notepad), Editor WYSIWYG (Dreamweaver), Editor berbasis template (Rapidweaver dan iweb). Web Browser merupakan program yang berfungsi untuk menampilkan dokumen-dokumen web dalam format HTML. Ex: Google Chrome, Mozilla Firefox, IE, Opera, dll. Image editor adalah program aplikasi yang berfungsi untuk melakaukan pengolahan gambar/image.  Ex: Adobe Photoshop, Corel Draw, Adobe Flash, dll.

21. Perkembangan web Web 1.0, yaitu teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet karena telah mengubah cara kerja dunia industri dan media. Contoh : S itus berita "cnn.com" atau situs belanja "Bhinneka.com" . Web 2.0 , yaitu pertama kalinya diperkenalkan oleh O’Reilly Media pada tahun 2004 sebagai teknologi Web generasi kedua yang mengedepankan kolaborasi dan sharing informasi secara online . Contoh : Situs j ejaring sosial facebook.com Web 3.0, yaitu teknologi web lebih ke arah Web Cerdas atau Web dengan Engine Kecerdasan Buatan, yang lebih memudahkan user dalam berinteraksi . Contoh : Web Semantik dan Cloud Computing .

22. Kategori website Website Personal, yaitu situs yang digunakan untuk menceritakan tentang biografi diri, pengalaman pribadi, dll. Contoh : Blog Pribadi. Website Komersial (Company Profile / Online Shop ) , yaitu situs yang dipakai untuk menunjukkan produk dan jasa suatu perusahaan , atau juga dapat melakukan transaksi penjualan online ( dengan sistem shopping cart system) . Domain yang biasa digunakan .com, . co.id , d ll. Website Instansi / Pemerintahan situs jenis ini hanya boleh dipakai untuk keperluan website pemerintahan yang resmi . Domain untuk negara Indonesia menggunakan . go.id . Website Non-Profit, website jenis-jenis ini biasanya digunakan hanya untuk yayasan , sekolahan , dll. Domain yang biasa digunakan .org, . edu , dll .

23. Lanjutan Kategori Website Search Engine: Google, Bing Social Media: Facebook, Twitter, Plurk, Instagram Cloak URL/Short URL: Adf.ly, Bit.ly, Short.us Social Bookmark: Feedburner, Lintas.me Web directory: Dmoz.org, AboutUs.org Web Portal: News: Detik, Yahoo, Kompas, CNN Game: Lytogame, Gemscool, Prodigy Online Store: Amazon, Bhinneka, FastnCheap Forum: Ads-id, Kaskus, Kampoeng, Pemrogramanweb

24. Pengertian Domain dan dns Domain dalam Internet adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web. Contohnya uns.ac.id. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website. Sistem Penamaan Domain (Domain Name System – DNS) adalah sebuah sistem yang menyimpan informasi tentang nama host ataupun nama domain dalam bentuk basis data tersebar (distributed database) di dalam jaringan komputer. Menurut browser Google Chrome, DNS adalah layanan jaringan yang menerjemahkan nama situs web menjadi alamat internet.

25. Top level domain (TLD) Aturan Penamaan domain diatur oleh Organisasi Pengatur Domain IANA ( Internet Assigned Numbers Authority ). IANA mengatur pemakaian ranah internet tingkat atas yang disebut dengan istilah Top Level Domain (TLD). Berikut adalah klasifikasi TLD. Country Code Top Level Domains (ccTLD) Digunakan untuk kode negara atau wilayah. Berikut adalah beberapa contoh ccTLD. .id = Indonesia .my = Malaysia .sg = Singapura .uk = Inggris .us = Amerika Serikat .jp = Jepang .id = Indonesia

26. LANJUTAN Generic Top Level Domains (gTLD) Dipergunakan oleh macam-macam organisasi. Berikut adalah pengelompokan gTLD menurut kepentingannya. .com = Komersial .net = Jaringan .gov = Pemerintah (eksklusif untuk pemerintah Amerika Serikat) .mil = Militer (eksklusif untuk militer Amerika Serikat) .info = Informasi .aero = Industri pesawat terbang Infrastructure Top Level Domains Satu-satunya yang diterima adalah .arpa. Sementara domain .root ada tapi tanpa kejelasan mengenai untuk apa keberadaannya.

27. gTld generasi baru TLD baru telah dirilis ke internet di tahun 2014 ini. Ada banyak gTLD baru yang diluncurkan untuk memberi kesempatan bagi siapapun untuk membuat identitas baru. Contoh gTLD baru: .tips, .voyage, .diamonds, .enterprises , .club , .buzz , .coffee , .florist , .house , .international , .solar , .holiday , .marketing

28. Gtld baru terpopuler .guru: 49,1% .gallery: 9,5% .photography:7,16% .holdings: 6,26% .estate: 5,37% .bike: 4,34% .ventures: 3,96% .clothing: 3,7% .singles: 2,55% .equipment: 2,04% .lighting: 1,66% .plumbing: 1,44% .graphics: 1,27% .camera: 1,02%

29. Pengertian hosting Hosting adalah jasa layanan internet yang menyediakan sumber daya server-server untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL, atau DNS . Jenis Hosting: Shared hosting adalah server hosting yang digunakan bersama-sama dengan pengguna lain, satu server dipergunakan oleh lebih dari satu nama domain. VPS (Virtual Private Server) atau VPS (Virtual Dedicated Server) merupakan proses virtualisasi dari lingkungan software sistem operasi yang dipergunakan oleh server. Satu Dedicated Server dapat dibagi menjadi beberapa VPS kecil. Dedicated server adalah penggunaan satu server utuh yang tidak dibagi dengan klien lainnya. Colocation server adalah layanan penyewaan tempat untuk meletakkan server yang dipergunakan untuk hosting.

30. web vs desktop WEB DESKTOP Intepreter Compiler Markup Script Browser Exe F ile

31. Pertanyaan..

32. S aat mengetik ‘ http://www.google.com ’ pada browser, kira-kira apa yang terjadi di belakang layar? U rutannya bagaimana sampai muncul halaman ini?

33. Komputer kita melakukan request, lalu menterjemahkan ‘ nama ’ yang kita ketik ke dalam alamat IP / IP address dari website tersebut (google.com) Karena pada akhirnya yang kita akses adalah mesin (server), dan tiap-tiap mesin memiliki alamat IP tersendiri

34. IP Address? Urutan angka yang menjadi alamat tiap-tiap komputer / server / terminal yang terhubung ke internet w.x.y.z Maksimal berapa angka untuk tiap-tiap huruf? 255.255.255.255 (maksimal 256 angka untuk tiap huruf) Berapa bit yang diperlukan untuk merepresentasikan IP? 32 bit = 2 8 .2 8 .2 8 .2 8 = 2 32

35. IP Address? Berapa maksimal IP yang bisa dibuat dengan 32bit? + 4 milyar Cukup ? Tidak , tahun ini habis !!! 32bit = IPv4 Teknologi terbaru ? IPv6 128bit = 2 128 8 x 10 28 lebih banyak dari IPv4

36. Kembali ke google.com

37. Kita tau bahwa ketika kita mengakses sebuah website, yang kita akses adalah alamat IP Sekarang , komputer / browser tau dari mana jika google.com itu IP- nya w.x.y.z Karena ada DNS (Domain Name System) Server

38. DNS Server? Sebuah server yang dapat mengkonversi IP menjadi sebuah nama (nama domain) Kenapa? Karena kita tidak mungkin menghafal alamat ip DNS server berisi tabel pasangan ip dan nama domain Yang punya server siapa? Komputer kita? Bukan Pemilik DNS server : server lokal (kampus, kantor, dll), internet provider, perusahaan domain, root server

39. DNS Server? Kenapa banyak? Karena seluruh internet ini terhubung ke pusat, DNS server yang pertama kali diakses adalah yang terdekat, jika di dalamnya tidak ada data yang dicari, maka akan mencari ke DNS server yang lebih tinggi secara hirarki Kampus – ISP – Perusahaan Domain – Root Internet

40. Kembali lagi ke google.com

41. IP google sudah diketahui IP sudah diterjemahkan menggunakan DNS Server Sebelum halaman tampil, apa yang terjadi? Komputer / browser mengirimkan request / pesan terlebih dahulu Pesan yang dikirimkan disebut HTTP Header Salah satu pesan pada header : GET / HTTP/1.1 Artinya : “ komputer meminta (GET) isi dari path ‘ / ’ menggunakan protokol HTTP versi 1.1 ” Bisa dilihat menggunakan Google Developer Tools pada Chrome, atau Firebug pada Firefox

42. Ilustrasinya Komputer mengirimkan paket data / ‘ amplop ’ virtual Isi dari amplop adalah pesan “ GET / HTTP/1.1 “ tadi Di depan amplop berisi alamat tujuan (IP Google) Di belakang amplop berisi alamat pengirim (IP publik komputer kita)

43. Ilustrasinya 27.50.20.214 Dari: Saya

44. Apakah amplop tadi langsung sampai ke tujuan ? Tidak Melalui perantara-perantara Anggap saja perantara seperti kantor pos – kantor pos Yang disebut dengan router Banyak router yang dilalui , mungkin bisa sampai puluhan Kampus – ISP – Kota – Provinsi – Negara – Benua , dll Tau dari mana tiap-tiap router harus mengirimkan data ke router mana ? Melalui gateway

45. akhirnya

46. Amplop sampai ke servernya google Google membaca pesan di dalam amplop Menuliskan pesan jawaban Menukar alamat ‘ dari ’ dan ‘ kepada ’ Mengirim kembali ke alamat kita Sampai ke komputer kita Komputer kita membaca isi pesan yang berupa halaman HTML Menterjemahkan halaman tersebut menggunakan browser dan menampilkannya

47. Pertanyaan lagi..

48. Apa fungsi ‘ / ’ pada paket data yang dikirim oleh browser saat melakukan permintaan GET / HTTP/1.1 ?

49. ‘ / ’ artinya meminta alamat root pada server google Root adalah folder utama yang ada pada web server Pada saat melakukan request, yang diminta adalah file / halaman web, bukan folder Lalu kenapa hanya ‘ / ’ saja, tidak ‘ /sebuahfile.html ’ Karena secara otomatis browser menganggap jika kita mengakses sebuah folder tanpa nama file, yang diakses adalah file index.html / index.php / index.apapun Alamat yang kita akses di browser tersebut dinamakan URL (Uniform Resource Locator)

50. URL Alamat dari sebuah resource yang dapat diakses di Internet. Contoh penulisan alamat lengkap https://www.facebook.com/index.html http://www. uns.ac.id /index.php URL secara umum terdiri dari : Jenis Protokol Host Name / Sub-Domain Name Domain Name TLD (Top Level Domain) Path

51. Perspektif sebagai pemilik website

52. Bagaimana caranya agar website kita bisa diakses seluruh dunia ? Apakah cukup dengan Laptop & akses internet? Tidak Kita butuh Web Server & IP Publik Yang punya IP Publik adalah ISP IP yang ada di laptop/ komputer kita adalah IP Private

53. 1 cara lain agar website kita bisa diakses seluruh dunia ? Web Hosting Qwords.com Masterwebnet.com Dreamhost.com