PENGANTAR WEB SCIENCE

- DESSY TRI ANGGRAENI -

KONSEP WEB

WEB

​

adalah teknologi/media

yang menyediakan fasilitas hiperteks untuk menampilkan data berupa teks, gambar, suara, animasi, dan data multimedia lainnya

Istilah WEB mengacu pada keterhubungan yang terbentuk

antara satu titik (user/server) ke titik lainnya (user/server),

​

dimana

​

Jika keterhubungan itu digambarkan

maka akan membentuk sebuah jaring

atau dalam bahasa inggris disebut WEB

Setiap titik yang menyediakan informasi disebut Website/Situs.

Teknologi Web berjalan di atas sebuah jaringan (bisa jaringan lokal/LAN maupun internet)

Agar mampu memberikan layanan kepada client/user, sebuah website harus berjalan di atas Web Server

Web yang berjalan di LAN disebut Web Lokal/Intranet, sedangkan yang berjalan di internet/jaringan publik disebut WWW (World Wide Web)

Jika kita breakdown lebih sempit lagi,

maka konsep/cara kerja Web adalah sebagai berikut ...

Web Browser

​

Adalah sebuah software yang berjalan di sisi client yang berguna untuk melakukan request website dan menampilkan respon website.

​

Request diawali dengan mengetikan alamat URL dan kemudian menampilkan respon dari server.

​

Contoh: Chrome, Mozilla Firefox, Safari, dll

URL�(Universal/Uniform Resource Locator)

​

Adalah sistem pengalamatan yang digunakan di internet.

​

Contoh :

www.facebook.com

www.gunadarma.ac.id

www.twitter.com/ramundro

Format umum URL

Sistem Penamaan Domain

HTTP Request

​

Setelah client menekan enter pada browser, maka Web Browser akan melakukan Request ke Web Server menggunakan protokol HTTP.

Web Server

​

Atau Web Hosting adalah komputer server yang menyediakan layanan website.

​

Web Server biasanya juga dijadikan penjembatan dengan server-server lainnya seperti database server, file server, dll.

HTTP Response

​

Web Server akan memberikan jawaban atas request yang diterimanya. Respon bisa bermacam-macam, meliputi :

​

• Request diterima dan berhasil => Web Page puncul
• Request diterima, tapi terdapat kesalahan => Muncul Error (400, 401, 402, 404, dst)

Web Browser

​

Web Browser menampilkan response yang didapat pada halaman browser.

SEJARAH PERKEMBANGAN WEB

WEB 1.0 (1990 – 2000)

​

Ciri Khusus :

1. Fokus website adalah memberi informasi
2. Interaksi satu arah (user hanya bisa membaca)
3. Content Broadcast
4. Teknologi : HTML, FTP
5. Luas digunakan untuk : Company, Organisasi, Portal Berita, dll

​

​

Contoh Website :

• Company Profile (versi lama)
• Portal Berita (versi lama)

​

​

WEB 2.0 (2000 - 2010)

​

Ciri Khusus :

1. Fokus website adalah komunikasi
2. Interaksi dua arah (user bisa berinteraksi dengan website)
3. Content Sharing
4. Teknologi : PHP, XML, Java Script, dll
5. Luas digunakan untuk : Social Media, Forum

​

​

Contoh Website :

• Facebook, Twitter, dll
• Kaskus, reddit, dll
• Blog Site

​

​

WEB 3.0 (2010-2020)

​

Ciri Khusus :

1. Fokus website adalah semantic (mengerti maksud/keinginan pengguna)
2. Interaksi dua arah
3. Content bersifat personal/individual
4. Teknologi : SOAP, REST, RDF
5. Luas digunakan untuk : ecommerce, personal need app/web

​

Contoh Website :

• Spootify, iTunes, dll
• Amazon, tokopedia, shoopee, dll
• Beberapa fitur pada Youtube, Facebook, Google, dll
• Dan kebanyakan website-website di era sekarang

​

​

Google mampu memberikan Suggestion,�saat user salah ketik/memang tidak tahu keyword

Youtube memberikan rekomendasi video menurut behavior pengguna

(apa yang pengguna suka)

WEB 4.0 (2020- ~)

​

Ciri Khusus :

1. Fokus website adalah Artificial Intelegence
2. Interaksi dua arah
3. Teknologi : AI

​

Belum banyak deskripsi tentang Web 4.0,

Karena memang masih dalam tahap penelitian

​

Namun,

beberapa web yang sudah mulai menggunakan teknologi AI antara lain :�ChatGPT (openAI.com)�pimeyes.com

Autodraw.com

​

ChatGPT mampu menjawab berbagai macam pertanyaan pengguna.�Merupakan bentuk mutakhir dari ChatBot.

Autodraw mampu memberikan suggestion atas coret-coretan Anda

Craiyon mampu memberikan Anda gambar dari deskripsi yang Anda sebutkan.

TEKNOLOGI-TEKNOLOGI PEMBANGUN WEB

Berikut adalah teknologi-teknologi

pembangun WEB :

1. Web Browser
2. Web Server / Web Hosting
3. URL
4. HTTP/HTTPS

​

• HTML
• CSS
• Bahasa Pemrograman WEB
1. Server Side : PHP, ASP, JSP, Python (Django, Flask), nodeJS, dll
2. Client Side : Java Script
• Database : mySQL, MS SQL Server, maria DB, dll
• Data Exchange : XML, JSON

​

• Semantic Web
• Dan lain-lain

​

​

Teknologi-teknologi

pembangun Aplikasi WEB :

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

HTML

CSS

Java Script

PHP

Database

Framework

Aplikasi

Web

Web API

ada pertanyaan

?