REKAYASA WEB

Presentasi berjudul: "REKAYASA WEB "— Transcript presentasi:

1 REKAYASA WEB R BAGUS BAMBANG SUMANTRI, S.T., M.Kom

2 Materi Teknologi Internet Sejarah internet Aplikasi Berbasis Web Istilah – istilah penting di internet dan web

3 Apa Itu Internet? Jaringan komputer yang menghubungkan komputer-komputer di seluruh belahan dunia/ global. Memungkinkan komputer berkomunikasi hingga antar-negara. Analogi dengan jaringan telepon. Cara menghubungkan rangkaian dengan kaidah ini dinamakan internetworking ("antarjaringan"). Part 1 Rekayasa Web

4 KONSEP DASAR INTERNET Agar dapat mengenal internet lebih mendalam dan tidak hanya mengetahui definisinya saja, maka hal paling dasar dalam internet adalah : Network Sebuah PC dapat dihubungkan dengan PC lainnya dengan kabel agar dapat saling berkomunikasi (biasanya hanya mentransfer data). Part 1 Rekayasa Web

5 KONSEP DASAR INTERNET Intisarinya adalah yang disebut sebagai jaringan dua komputer atau lebih yang terhubung secara fisik dengan sebuah kabel. Hubungan diantara kedua komputer tersebut kemudian diatur dan dioperasikan dengan perangkat lunak khusus. Part 1 Rekayasa Web

6 KONSEP DASAR INTERNET Internet adalah kumpulan komunikasi komputer antar satu wilayah dan wilayah yang lainnya diseluruh dunia, saling terhubung dan saling berkomunikasi yang diatur oleh protocol. Dengan kata lain, internet adalah salahs atu media komunikasi berupa data, dilakukan umumnya secar atertulis atau melalui video- video, tanpa perlu dilakukan secara bersamaan antara pengirim dan penerima. Part 1 Rekayasa Web

7 Konsep Dasar Internet Internet merupakan kumpulan jaringan komunikasi computer yang ada diseluruh dunia.dalam hal ini komputeryang dahulunya stand alone,maka dengan kemajuan tekhnologi perangkat keras dan lunak computer maka saat ini dapat berhubungan langsung dengan komunikasi komputer ditempat lain seluruh dunia ini,dengan internet. Part 1 Rekayasa Web

8 Konsep Dasar Internet Internet juga bisa dianalogikan sebagai sebuah komunitas “kota elektronik” yang sangat besar,yang memungkinka setiap penduduk memiliki alamat [Internet Address] digunakan untuk berkirim surat atau mendapatkan/saling bertukar informasi.jika pendudk itu ingin berkeliling kota cukup dengan menggunakan komputer sebagai kendaraan,melalui jalan, berupa jaringan kabel atau gelombang udara/wave melalui frekuensi radio tertentu untuk menuju tempat yang diinginkan. Part 1 Rekayasa Web

9 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 Part 1 Rekayasa Web

10 Sejarah Penting Internet 1969 : Departemen Pertahanan AS membangun jaringan komputer untuk penyampaian informasi agen-agen pemerintah melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network) 1972 : Layanan surat elektronik (email) untuk pertama kali diluncurkan di AS. 1976 : Email diluncurkan di Inggris. 1979 : Muncul jaringan komputer di Eropa. 1988 : Lahir aplikasi chatting/ percakapan. 1990 : Dibuat aplikasi internet browser.

11 Perkembangan Internet 1969 : 4 komputer 1971 : 23 komputer 1977 : 111 komputer 1980 : 213 komputer 1982 : > 1.000 komputer 1987 : > 10.000 komputer 1992 : > 1.000.000 komputer 2010 : > 100.000.000 komputer dengan 1,9 Miliar pengguna (28% dari penduduk dunia). Sekitar 25 juta-nya adalah dari penduduk Indonesia.

12 Fungsi Internet Informasi yang didapatkan lebih cepat dan murah Mengurangi biaya kertas dan biaya distribusi Sebagai media promosi Komunikasi interaktif

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29 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 PTKIModul-10: Teknologi Internet dan Web29

30 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 PTKIModul-10: Teknologi Internet dan Web30

31 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 PTKIModul-10: Teknologi Internet dan Web31

32 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 PTKIModul-10: Teknologi Internet dan Web32

33 MESIN PENCARI Search engine (Google, Yahoo, dsb) digunakan untuk menemukan halaman- halaman web dalam topik-topik tertentu Penelusuran dengan mesin pencari dilakukan berdasarkan kata kunci yang dicocokkan dengan basis data yang dibuat oleh mesin pencari PTKIModul-10: Teknologi Internet dan Web33

34 Bagaimana Mengakses I-net Komputer Personal Computer, Laptop, Hand Phone Penyedia layanan (ISP) Telkom, Jaringan GSM/ CDMA, TV kabel Jaringan Kabel telpon, wireless (mobile), kabel TV Aplikasi di Komputer Utamanya cukup dengan browser

35 Berbagai Cara Akses Internet

36 Manfaat Internet Memperoleh/ mencari informasi apapun. Berita Artikel, dll Berkomunikasi langsung/ tidak langsung. Surat elektronik (email) Percakapan (chatting) Video conference, dll Jual beli barang/ jasa (e-commerce).

37 Dampak Positif Internet sebagai media komunikasi Fungsi internet yang paling banyak digunakan dimana setiap pengguna internet dapat berkomunikasi dengan pengguna lainnya dari seluruh dunia. Media pertukaran data Dengan menggunakan email, news group para pengguna internet di seluruh dunia dapat saling bertukar informasi dengan cepat dan murah Media untuk mencari data atau informasi Kemudahan bertransaksi dan berbisnis dalam bidang perdagangan sehingga tidak perlu lagi menuju ke tempat penawaran/penjualan

38 Dampak Positif Media untuk mencari data atau informasi Kemudahan bertransaksi dan berbisnis dalam bidang perdagangan sehingga tidak perlu lagi menuju ke tempat penawaran/penjualan

39 Dampak Negatif Pornografi Penipuan Carding Perjudian

40 Bagaimana Web Bekerja?

41 Arsitektur Web

42 BagaimanaWeb Bekerja? user mengetik URL dibrowser browser menghubungi server yang tersebut pada URL setelah terhubung, browser mengirimkan HTTP request server menjawab dengan mengirim HTTP response (berisi header dan isi dokumen) untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar), browser harus mengirimkan HTTP request lagi untuk setiap file browser menampilkan semua isi dokumen kepada user

43 YANG PERLU DIPELAJARI UNTUK MEMBUAT APLIKASI BERBASIS WEB Disisi client: - Sintaks pembuatan dokumen web (HTML & CSS) - Client side scripting (JavaScript) Disisi server - Mekanisme pemanggilan program dan pengambilan output program oleh web server (CGI) - Server side scripting (PHP, JSP, ASP, dll. Untukcontoh: PHP) Penghubung - Sintaks pengalamatan dokumen web (URL) - Protokol komunikasi(HTTP)

44 Server Side & Client Side Programming Server Side Scripting: semua sintaks yang diberikan akan sepenuhnya dijalankan pada server.  menyediakan website yang interaktif. Client Side Scripting: sintaks dijalankan oleh web browser

45 Kelebihan Aplikasi Berbasis Web Kelebihan: – Kemudahan Pengembangan Program cukup di update di server, penguna cukup menggunakan browser - Kemudahan koneksi: Dapat diakses kapanpun dan darimanapun selama ada internet. Dapat diakses hanya dengan menggunakan web browser (umumnya sudah tersedia diPC, PDA, dan handphone terbaru)

46 Kekurangan: - Antarmuka yang dapat dibuat terbatas sesuai spesifikasi standar untuk membuat dokumen web dan keterbatasan kemampuan web browser untuk menampilkannya - Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat

47 WWW (WEB) WWW Adalah salah satu bentuk layanan yang dapat diakses melalui internet. Biasa disingkat sebagai Web. Merupakan sekumpulan dokumen, gambar-gambar, dan bentuk resources yang lainnya yang dihubungkan melalui hyperlinks dan URLs. Definisi Web : salah satu bentuk layanan yang dapat diakses melalui internet atau jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks, grafik, suara dan sumber daya animasi melalui protokol transfer hypertext.hypertext

48 WWW (WEB) Protokol : Standar pemrosesan informasi yang diterima secara umum. URL : Universal Resource Locator; URL adalah konsep nama file standar yang diperluas dengan jaringannya. URL File : Misal ada sebuah dokumen dengan nama “contoh.txt”, file ini ada pada server ftp yang dinamai ftp.mangosoft.com yang dapat diakses oleh SERVER Secara global server dapat diartikan sebagai pusat dan difungsikan sebagai “pelayan” yang berguna untuk pengiriman data dan atau penerimaan data serta mengatur pengiriman dan penerimaan data diantara komputer-komputer yang tersambung atau dengan kata lain server berfungsi menyediakan pelyanan terhadap klien

49 WWW (WEB) SERVER EMAIL (MAIL SERVER) Adalah suatu bentuk server yang hanya difungsikan untuk menerima pelyanan email baik itu free maupun bayar WEB SERVER Adalah sebuah bentuk server yang khusus digunakan untuk menyimpan halaman web site atau home page. Komputer dapat dikatakan sebagai web server jika komputer tersebut memiliki suatu program server disebut Persinal Web Server ( PWS ). PWS ini difungsikan agar halaman web yang ada di dalam sebuah komputer server dapat dipanggil oleh komputer klien. Web browser adalah sebuah perangkat lunak aplikasi yang memungkinkan pengguna mengakses Web atau Server di jaringan. WEB HOSTING Adalah rumah atau tempat dimana kita meletakkan web kita dalam sebuah komputer server sehingga dapat dipanggil dan adiakses oleh komputer klien melalui alamat yang disebut domain

50 WWW (WEB) Aplikasi Internet Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web, biasa disebut “browser”. Berikut ini beberapa aplikasi browser yang cukup populer : Windows: - Internet Explorer - Chrome - Firefox - Safari - Opera Macintosh OS X: - Safari - Chrome - Firefox - Opera

51

52 Situs Departemen Pertanian

53

54

55

56

57

58

59

60 TERIMAKASIH