EIH/Pengantar Sistem Informasi 1 Aplikasi Web Eka Ismantohadi.

Presentasi berjudul: "EIH/Pengantar Sistem Informasi 1 Aplikasi Web Eka Ismantohadi."— Transcript presentasi:

1 EIH/Pengantar Sistem Informasi 1 Aplikasi Web Eka Ismantohadi

2 EIH/Pengantar Sistem Informasi 2 Jaringan Komputer  Hubungan antara dua komputer atau lebih yang ditujukan untuk berbagi informasi atau berbagai perangkat keras

3 EIH/Pengantar Sistem Informasi 3 Jaringan Komputer  Hubungan antara satu jaringan dengan jaringan lain disebut dengan internetworking (antarjaringan) atau biasa disebut dengan internet  Catatan: dalam konteks ini huruf i berupa huruf kecil (Jadi berbeda dengan Internet)

4 EIH/Pengantar Sistem Informasi 4 Internet  Internet merupakan contoh jaringan terbesar yang menghubungkan jutaan komputer yang tersebar di seluruh penjuru dunia dan tak terikat pada satu organisasipun  Siapa saja dapat bergabung pada Internet  Dengan menggunakan jaringan ini, sebuah organisasi dapat melakukan pertukaran informasi secara internal ataupun melakukan pertukaran informasi secara eksternal dengan organisasi-organisasi yang lain

5 EIH/Pengantar Sistem Informasi 5 Internet  Jaringan tersusun atas berbagai jenis komputer dan sistem operasi

6 EIH/Pengantar Sistem Informasi 6 Sumber Daya Internet. Sumber Daya Keterangan e-mailDigunakan untuk melakukan pertukaran surat elektronis Usenet NewsgroupForum diskusi IRC (Internet Relay Chat)Fasilitas yang memungkinkan pemakai melakukan percakapan dalam bentuk bahasa tertulis secara interktif TelnetFasilitas yang memungkinkan pemakai melalkukan koneksi (login) ke suatu sistem komputer FTP (File Transfer Protocol)Sarana untuk melakukan transfer berkas dari komputer lokal ke suatu komputer lain atau sebaliknya

7 EIH/Pengantar Sistem Informasi 7 Sumber Daya Internet GopherPerangkat yang memungkinkan pemakai untuk menemukan informasi yang terdapat pada server gopher melalui menu yangh bersifat hierarkis ArchiePerangkat yang dapat digunakan untuk melakukan pencarian berkas pada situs FTP World Wide WebSistem yang memungkinkan pengaksesan informasi dalam Internet melalui pendekatan hypertext

8 EIH/Pengantar Sistem Informasi 8 Intranet  Jaringan komputer dalam sebuah perusahaan yang menggunakan teknologi Internet, sehingga terbentuk lingkungan yang seperti Internet tetapi bersifat privat bagi perusahaan bersangkutan  Kadangkala Intranet juga dihubungkan ke jaringan Internet, dengan dilengkapi firewall

9 EIH/Pengantar Sistem Informasi 9 Intranet (Lanjutan)  Firewall adalah program yang dijalankan pada komputer yang berkedudukan sebagai server dengan tujuan untuk mencegah akses Intranet dari Internet, tetapi memungkinkan pemakai di dalam Intranet mengakses Internet

10 EIH/Pengantar Sistem Informasi 10 Extranet  Jaringan yang menggunakan teknologi Internet untuk membentuk hubungan antara perusahaan, pemasok, mitra kerja, pelanggan, dan lain-lain dalam rangka untuk mendukung operasi atau pengaksesan informasi bisnis

11 EIH/Pengantar Sistem Informasi 11 World Wide Web  Sistem pengaksesan informasi dalam Internet yang paling terkenal dan biasa dikenal dengan istilah Web  Web menggunakan protokol yang disebut HTTP (HyperText Transfer Protocol)  Dokumen Web ditulis dalam format HTML (HyperText Markup Language)  Dokumen ini diletakkan dalam Web server dan diakses oleh klien (Pengakses informasi) melalui perangkat lunak yang disebut Web browser atau sering disebut browser saja

12 EIH/Pengantar Sistem Informasi 12 Aplikasi Web / website  Website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web adalah dokumen yang ditulis dalam format(WWW) di Internet. Sebuah halaman webHTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar. Website sendiri terdapat 2 macam yaitu web statis dan web dinamis.

13 EIH/Pengantar Sistem Informasi 13 Aplikasi Web  Aplikasi Web dapat dibagi menjadi 2 macam: 1. Web Statis dan 2. Web Dinamis

14 EIH/Pengantar Sistem Informasi 14  Web Statis adalah website yang kontennya statis / tidak berubah-rubah. Website statis ini persis seperti koran, majalah, dan brosur. Bedanya, koran, majalah, dan brosur adalah sebuah media cetak sedangkan website statis di host dan diakses melalui internet. Sekali website statis di online kan di internet, umumnya jarang sekali website tersebut merubah kontennya. Seringkali website statis ini disusun dari html polos yang antar halamannya dihubungkan dengan hyperlink tanpa pemrograman disisi server karena tujuannya adalah ’sebatas' menampilkan informasi di internet. Aplikasi dari website statis sering kali kita temukan di website company profile, personal profile, website penawaran produk, dan semua website yang bertujuan melakukan komunikasi satu arah dari pemilik website ke pengunjung tanpa diperlukan interaksi.company profilepersonal profilewebsite penawaran produk

15 EIH/Pengantar Sistem Informasi 15  Web statis dibentuk dengan menggunakan HTML saja  Kekurangan Web statis terletak pada keharusan untuk memelihara halaman Web secara terus-menerus setiap ada perubahan informasi

16 EIH/Pengantar Sistem Informasi 16 Prinsip Kerja Web Berbasis HTML 1. Browser meminta sebuah halaman ke suatu situs 2. Permintaan diterima oleh Web server (server yang bertanggung jawab melayani permintaan browser) 3. Web server segera mengirimkan halaman HTML yang diminta ke klien) 4. Browser pada klien segera menampilkan dokumen HTML berdasarkan kode-kode yang terdapat pada HTML

17 EIH/Pengantar Sistem Informasi 17 Prinsip Kerja Web Berbasis HTML

18 EIH/Pengantar Sistem Informasi 18 Contoh web statis

19 EIH/Pengantar Sistem Informasi 19  Web dinamis adalah website yang kontennya berubah – rubah. Aplikasi dari website dinamis ini sering kali kita temukan di internet dewasa ini: Portal berita, blog,situs social networking, dll. Website dinamis selalu memiliki program yang bekerja di sisi server karena dalam rentang waktu tertentu konten dari website tersebut berubah. Jadi, salah satu ciri dari website dinamis adalah adanya program yang berjalan disisi server untuk memanage perubahan data yang ditampilkan oleh website dinamis tersebut.Portal beritablogsitus social networking

20 EIH/Pengantar Sistem Informasi 20  Pada Web dinamis isi halaman bersifat dinamis, dapat mengikuti perubahan isi database.  Pengertian Web dinamis terkadang diartikan sebagai halaman Web yang dilengkapi dengan gambar-gambar bergerak.  Web dinamis dapat digunakan untuk membentuk aplikasi interaktif, yang memungkinkan pemakai tak hanya memperoleh informasi terkini tetapi juga dapat melakukan perubahan data. Misalnya:  Untuk pengisian KRS  Perubahan data pribadi  Pengisian berita baru  Dll  Web dinamis dibentuk dengan menambahkan perangkat lunak tambahan, seperti ASP atau PHP.

21 EIH/Pengantar Sistem Informasi 21 Prinsip Kerja Web Dinamis (Contoh dengan PHP)

22 EIH/Pengantar Sistem Informasi 22 Teknologi Web  Teknologi untuk membentuk aplikasi Web yang dinamis : 1. Teknologi pada sisi klien (client-side technology) 2. Teknologi pada sisi server (server-side technology)

23 EIH/Pengantar Sistem Informasi 23 Contoh web dinamis Web dinamis ini banyak sekali bertebaran di internet seperti :  Web Berita,  Personal Blog,  Toko Online/Web,  Pasang Iklan online, dll.

24 24 Terima kasih EIH/Pengantar Sistem Informasi