Staffsite STMIK PPKIA Pradnya Paramita 3a1b1 pertemuan 12

(1)

INTERNET DAN APLIKASI

(2)

 _{Internet = WEB ?}

(3)

 _{WEB = World Electronic Broadcast}

 _{Internet = The Internet is a global system}_{Internet = The Internet is a global system} of interconnected computer networks that

of interconnected computer networks that

interchange data by packet switching using

the standardized Internet Protocol (IP)

Suite.

 _{Intranet =a private computer network that}

uses Internet protocols and network

(4)

 _{Homepage = The homepage (often}

written as home page) or main page is the URL or local file that

automatically loads when a web browser starts and when the

(5)

(6)

PENDAHULUAN

 _{Bab ini menjelaskan mengenai :}_{Bab ini menjelaskan mengenai :}

1.Internet 1.Internet 2.Intranet 2.Intranet 3.Extranet 3.Extranet 4.e-Business 4.e-Business 5.e-Commerce 5.e-Commerce

6.Teknologi-teknologi pendukung dalam

aplikasi Web

(7)

(8)

Sekilas tentang internet

(9)

Simulasi internet yang dapat digunakan oleh semua platform komputer maupun sistem operasi

Linux

MacOS Windows

UNIX

(10)

Sejarah internet

(11)

Syarat agar bisa menggunakan

Internet

Seorang pemakai harus mengakses komputer pada perusahaan yang telah terkoneksi ke internet atau perlu menjadi pelanggan dari sebuah ISP (Internet Service Provider).

(12)

Daftar beberapa ISP di Indonesia :

Nama ISP

Nama ISP SitusSitus

INDO.NET

INDO.NET www.indo.net.idwww.indo.net.id INDOSATnet

INDOSATnet www.indosat.net.idwww.indosat.net.id LinkNet

LinkNet www.link.net.idwww.link.net.id Wasantara Net

(13)

Protokol ,IP Adress dan Domain

Koneksi komputer di Internet ditangani

menggunakan protokol TCP/IP (Transmission Control Protocol / Internet Protocol). Protokol ini mensyaratkan bahwa setiap komputer di dalam jaringan Internet harus memiliki identitas unik yang dinamakan nomor atau alamat IP. Nomor ini terdiri atas empat bilangan dgn masing-masing bernilai antara 0 sampai 255, dan antar bilangan dipisahkan oleh tanda titik. Contoh : 128.252.115.5

(14)

Contoh Nama Domain

students.mt.ub.ac.id Nama mesin Sub

domain

tipe domain

(15)

Daftar identitas negara dalam Domain

Kode Negara

Kode Negara NegaraNegara at

at AustriaAustria au

au AustraliaAustralia ca

ca KanadaKanada fr

fr PerancisPerancis id

id IndonesiaIndonesia jp

jp JepangJepang my

my MalaysiaMalaysia uk

uk InggrisInggris

>Khusus untuk Amerika Serikat,

(16)

Daftar kode yang menyatakan jenis domain

Kode Jenis

Organisasi

Organisasi KeteranganKeterangan

com atau co

com atau co KomersialKomersial edu atau ac

edu atau ac PendidikanPendidikan gov atau go

gov atau go PemerintahPemerintah mil

mil MiliterMiliter net

net Penyedia jaringanPenyedia jaringan org atau or

(17)

Sumber daya internet

Sumber Daya

Sumber Daya KeteranganKeterangan e-mail

e-mail Digunakan untuk bertukar surat Digunakan untuk bertukar surat elektronis

elektronis Usenet Newsgroup

Usenet Newsgroup Forum diskusiForum diskusi IRC (

IRC (Internet Relay ChatInternet Relay Chat)) Fasilitas untuk melakukan percakapan Fasilitas untuk melakukan percakapan dalam bentuk tertulis secara interaktif dalam bentuk tertulis secara interaktif FTP (

FTP (File Transfer ProtocolFile Transfer Protocol)) Sarana untuk melakukan transfer Sarana untuk melakukan transfer berkas dari komputer lokal ke suatu berkas dari komputer lokal ke suatu komputer lain

komputer lain WAIS (

WAIS (Wide Area Information Wide Area Information Server

Server)) Perangkat yang digunakan untuk Perangkat yang digunakan untuk melakukan pencarian data pada melakukan pencarian data pada Internet yang dilaksanakan dengan Internet yang dilaksanakan dengan menyebutkan basis data dan kata menyebutkan basis data dan kata kunci yang dicari

kunci yang dicari W W W(

W W W(World Wide WebWorld Wide Web)) Sistem Sistem yang yang memungkinkan memungkinkan pengaksesan informasi dalam Internet pengaksesan informasi dalam Internet melalui pendekatan

(18)

(19)

e-mail atau surat elektronis

(20)

Contoh alamat e-mail

Rian_streamline@yahoo.com Nama domain

Identitas unik pemakai e-mail yang

(21)

(22)

World-Wide Web

Sistem pengaksesan informasi dalam Internet yang paling terkenal adalah World Wide Web (WWW) atau biasa dikenal dengan Web. Pertama kali diciptakan pada tahun 1991 di CERN, Laboratorium Fisika Partikel Eropa, Jenewa, Swiss. Tujuan awalnya adalah untuk menciptakan media yang mudah untuk berbagai informasi di antara para fisikawan dan ilmuwan.

(23)

(24)

HyperText

Dokumen web ditulis dalam format HTML (HyperText MarkUp Language). Dokumen ini diletakkan dalam web server dan diakses oleh klien melalui perangkat lunak yang disebut Browser .

Kelebihan hypertext, pemakai dapat melompat dari suatu dokumen ke dokumen lain dengan mudah, dengan cukup megklik teks-teks khusus yg ditandai garis bawah.

HyperText telah dikembangkan menjadi

(25)

URL

Penggunaan hypertext pada Web disebut halaman Web (web page). Untuk dapat mengakses sebuah halaman Web dari browser, pemakai perlu menyebutkan URL (Unifor Resource Locator). URL tersusun atas tiga bagian : 1.Format transfer

2.Nama host

(26)

(27)

(28)

Intranet

Intranet adalah jaringan komputer dalam sebuah perusahaan yang menggunakan teknologi Internet tetapi bersifat privat bagi perusahaan bersangkutan. Dalam hal ini, pengaksesan informasi yang berkaitan dengan sistem basis data juga dilakukan melalui Web Browser.

Kadang kala Internet juga dihubungkan ke jaringan Intranet, dengan dilengkapi Firewall. Firewall adalah program yang dijalankan pada server program yang dijalankan pada server

dengan tujuan untuk mencegah akses Intranet

dari Internet, tetapi tetap memungkinkan pemakai

dalam Intranet mengakses Internet.

(29)

Intranet dengan firewall

Firewall

internet

Akses dari luar ditolak server

(30)

(31)

Extranet menghubungkan

perusahaan,pelanggan,pemasok dan mitra

kerja

intranet perusahaan

pemaso k

pelanggan

(32)

Extranet

(33)

Fungsi Extranet

 _{Pertukaran data dengan volume besar}

menggunakan EDI (Electronic Data Interchange)

 _{Berbagai katalog produk dengan pedagang}

 _{Kerja sama dengan perusahaan lain dalam}

usaha pengembangan patungan

 _{Menyediakan layanan oleh sebuah perusahaan}

terhadap sejumlah perusahaan dalam grupnya

 _{Berbagi informasi yang ditujukan secara}

(34)

(35)

e-Business

O’Brien (2001) mendefinisikan e-Business atau bisnis elektronis sebagai “Penggunaan teknologi Internet untuk menghubungkan dan memperkuat proses-proses bisnis, perdagangan elektronis (Electronic commerce atau e-Commerce) dan komunikasi serta kolaborasi antara sebuah

perusahaan dengan para pelanggan,

(36)

Skema aplikasi e-Commerce

Aplikasi bisnis elektronis

Jaringan dan telekomunikasi

Komunikasi dan

Kolaborasi perusahaan Sistem Bisnis Internal Perdagangan elektronis

(e-Commerce)

(37)

Aplikasi e-Business

_{Surat elektronis}

_{Surat bersuara (}_{voice mail}₎ Forum diskusi

_{Sistem percakapan tertulis (chat)} _{Konferensi suara (}_{Teleconference}₎ Konferensi video

(38)

(39)

e-Commerce

e-Commerce diunakan untuk mendukung kegiatan pembeliaan dan penjualan, pemasaran produk jasa dan melalui Internet atau extranet. e-Commerce umumnya dikelompokkan menjadi dua buah kategori yaitu business-to-business

(B2B) dan business-to-consumer (B2C).

Pada perkembangan terakhir juga

muncul jenis hubungan yang disebut

consumer-to-consumer (C2C) dan

(40)

SIMULASI B2B DAB B2C

PEMASOK

PELANGGAN

(41)

Business-to-Business (B2B)

 _{B2B adalah Penjualan produk atau jasa}_{B2B adalah Penjualan produk atau jasa}

yang melibatkan beberapa perusahaan

dan dilakukan dengan sistem otomasi.

 _{Keuntungan B2B :}_{Keuntungan B2B :}

 Dapat menghemat biaya_{Dapat menghemat biaya}  Meningkatkan pendapatan _{Meningkatkan pendapatan}  Mempercepat pengiriman _{Mempercepat pengiriman}

 Mengurangi biaya administrasi_{Mengurangi biaya administrasi}

(42)

Business-to-Consumer (B2C)

_{B2C melibatkan interaksi dan transaksi}_{B2C melibatkan interaksi dan transaksi}

antara sebuah perusahaan penjual dan

para konsumen

_{Beberapa perusahaan terkenal yang}_{Beberapa perusahaan terkenal yang}

melayani B2C yaitu : Dell

(www.dell.com), Cisco (www.cisco.com),

dan Amazon (www.amazon.com).

(43)

Beberapa contoh situs yang mendukung B2C

Situs

Situs Jenis ProdukJenis Produk www.amazone.com

www.amazone.com Buku,musik,barang Buku,musik,barang elektronik

elektronik

www.dell.com

www.dell.com Komputer,periferalKomputer,periferal www.cisco.com

www.cisco.com Peralatan jaringanPeralatan jaringan www.drugstore.com

www.drugstore.com Kesehatan,kecantikaKesehatan,kecantika n

n

(44)

Consumer-to-Consumer (C2C)

_{C2C / person to person : model}_{C2C / person to person : model}

perdagangan yang tejadi antara

konsumen dengan konsumen melalui

internet.

Contoh situs yang menyediakan sarana _{Contoh situs yang menyediakan sarana}

C2C adlah eBAY (WWW.ebay.com)

(45)

Consumer-to-Buiness (C2B)

_{C2B : Model perdagangan dari konsumen}_{C2B : Model perdagangan dari konsumen}

ke pebisnis

_{Situs yang mendukung bisnis yang}_{Situs yang mendukung bisnis yang}

berbasis (C2B), yaitu Priceline.com yang

memungkinkan seseorang menjual rumah

ke perusahaan

_{Dengan adanya sistem C2B maka internet}_{Dengan adanya sistem C2B maka internet}

dapat dijadikan sebagai sarana untuk

negosiasi

(46)

(47)

E-Intermediary

 Sehubungan dengan penggunaan e-_{Sehubungan dengan penggunaan}

e-commerce,muncul perantara lain dalam

commerce,muncul perantara lain dalam

internet yaitu E-Intermediary

 E-Intermediary : para anggota saluran _{E-Intermediary : para anggota saluran}

distribusi internet yang melakukan salah

satu atau dua fungsi :

1)

1) Mengumpulkan informasi tentang para Mengumpulkan informasi tentang para

penjual dan menyajikan dalam bentuk yg

praktis kepada konsumen

2)

2) Membantu menyalurkan produk-produk Membantu menyalurkan produk-produk internet ke konsumen

(48)

Ada 3 macam e-intermidiary :

(49)

Penjual Bersindikat

_{Penjual Bersidikat adalah Sebuah situs}_{Penjual Bersidikat adalah Sebuah situs}

Web yang menawarkan hubungan

kepada konsumer ke situs-situs Web

lain

Hubungan dibentuk melalui iklan _{Hubungan dibentuk melalui iklan}

(

(banner ad_{banner ad}) yang dipampangkan dalam _{) yang dipampangkan dalam}

halaman Web

(50)

Agen pembelanjaan

_{Agen pembelanjaan adalah situs Web yg}_{Agen pembelanjaan adalah situs Web yg}

membantu para konsumen dengan cara

memberikan kemudahan untuk

mndapatkan informasi yg diperlukan

konsumer dlm rangka untuk membuat

keputusan pembelian.

_{Contoh situs web yg bergerak dlm bidang}_{Contoh situs web yg bergerak dlm bidang}

ini, yaitu : PriceSCAN untuk mencari

informasi tentang produk komputer

(51)

Makelar Bisnis-ke-Bisnis

_{Makelar Bisnis adalah perantara yang}_{Makelar Bisnis adalah perantara yang}

menyediakan sarana komunikasi antar

pebisnis

_{Contoh, Edfex yang menyediakan}_{Contoh, Edfex yang menyediakan}

informasi yang sangat baru dari

pemasok dan pembeli

(52)

(53)

Aplikasi Web

 _{Aplikasi web dibagi menjadi 2 :}_{Aplikasi web dibagi menjadi 2 :} _{web statis}_{web statis}

Web statis dibentuk dengan

menggunakan HTML saja.

menggunakan HTML saja. _{web dinamis}_{web dinamis}

Web dinamis diartikan sebagai

halaman yg dilengkapi dengan

animasi gambar, selain dapat

berinteraksi dengan basis data.

(54)

Mekanisme kerja

Permintaan

HTTP _HTMLKode Web Server

Tanggapan HTTP

(55)

Prinsip kerja pengaksesan dokumen web berbasis HTML :

1.

1. Browser meminta sebuah halaman ke _{Browser meminta sebuah halaman ke}

situs web.

2.

2. Permintaan diterima oleh web serverPermintaan diterima oleh web server

3.

3. Web server segerea mengirimkan Web server segerea mengirimkan dokumen HTML yg diminta ke klien

dokumen HTML yg diminta ke klien

4.

4. Browser pd klien segera menampilkan Browser pd klien segera menampilkan dokumen yg diterima

(56)

Mekanisme pembentukan halaman yg

bersifat dinamis dgn PHP

BROWSER Permintaan

HTTP

Skrip PHP Web Server

Tanggapan HTTP

Mesin PHP

(57)

Teknologi web

 _{Berdasarkan sisi teknologi yg}_{Berdasarkan sisi teknologi yg}

digunakan untuk membentuk web

dinamis,ada dua macam

pengelompokkan, yaitu :

pengelompokkan, yaitu : 1.

1. Teknologi pada sisi klien Teknologi pada sisi klien

2.

(58)

Teknologi web pada sisi klien

_{Teknologi pada sisi klien}_{Teknologi pada sisi klien}

diimplementasikan dengan

mengirimkan kode perluasan HTML

ke klien.

Kelemahannya adalah terdapat _{Kelemahannya adalah terdapat}

kemungkinan browser pada klien

tidak mendukung fitur kode

perluasan HTML.

_{Kelebihannya adalah memungkinkan}_{Kelebihannya adalah memungkinkan}

penampilan yg bersifat dinamis

(59)

 _{Yang termasuk dlm teknologi pada sisi}

klien antara lain :



Kontrol ActiveX



Java Applet

(60)

Kontrol ActiveX

Permintaa n

HTML dan Kode

Program ActiveX

klien

(61)

Java Applet

_{Applet adalah program yang ditulis}_{Applet adalah program yang ditulis}

dengan bahasa pemograman Java

dengan bahasa pemograman Java _{Berbeda dengan Activex,Applet}_{Berbeda dengan Activex,Applet}

bersifat cross-platform yaitu dapat

berjalan pada berbagai platform asal

mendukung Java

(62)

Skrip sisi-klien

 _{Skrip sisi-klien adalah kode-kode}_{Skrip sisi-klien adalah kode-kode}

yang dilekat menjadi satu dengan

kode HTML dan diproses di klien

 _{Saat ini skrip yang banyak digunakan}_{Saat ini skrip yang banyak digunakan}

adalah CSS (Cascading Style Sheet)

atau disebut Dynamic HTML

(63)

Teknologi web pada sisi server

 _{Keuntungan :}_{Keuntungan :}

1)

1) Mengurangi lalulintas jaringan dg cara _{Mengurangi lalulintas jaringan dg cara}

menghindari percakapan bolak-balik

antara klien dan server

2)

2) Mengurangi waktu pemuatan kodeMengurangi waktu pemuatan kode

3)

3) Mencegah masalah ketidak kompatibelan _{Mencegah masalah ketidak kompatibelan}

browser

4)

4) Klien dpt berinteraksi dengan data yg ada Klien dpt berinteraksi dengan data yg ada pada server

pada server

5)

5) Mencegah klien mengetahui rahasia kodeMencegah klien mengetahui rahasia kode

(64)

 _{Beberapa teknologi yang berjalan di}

server

 _{Common Gateway Interface (CGI)}_{Common Gateway Interface (CGI)}  _{Propritary Web Server API}_{Propritary Web Server API}

 Active Server Page (ASP)_{Active Server Page (ASP)}  _{Server Side JavaScript}_{Server Side JavaScript}

(65)