Pertemuan 1

Pemrograman Web dan

Basis Data
Program Studi Teknik Telekomunikasi
Jurusan Teknik Elektro
Politeknik Negeri Jakarta
Pertemuan 1

 Materi Perkuliahan :
Pengantar Teknologi Web dan Internet.

 Tujuan Pembelajaran :
1. Memahami dan mengetahui konsep web serta komponen web.
2. Memahami dan mengetahui cara mengakses internet dan
manfaatnya.
3. Mengetahui teknologi internet dan perkembangannya.
Cakupan Materi
 Pengenalan Internet
1. Pengertian Internet
2. Sejarah Internet
3. Cara Kerja Internet
4. Manfaat Internet
 Pengenalan Web
1. Pengertian Web
2. Web Application & Web Programming
3. Komponen Penyusun Web
4. Karakteristik Aplikasi Web
Website Web
Internet
 Motivasi

Mengapa
Perkembangan Internet ??
Internet
Kemajuan Internet
Kemajuan Internet
Kemajuan Internet
Kemajuan Internet
Kemajuan Internet
Kemajuan Internet
Kemajuan Internet
Internet
Mengapa perlu adanya internet ????

Sebagai sumber informasi

Sebagai media komunikasi
Internet

 Internet adalah jaringan komputer yang terdiri dari berbagai

macam jaringan komputer yang dapat diakses oleh semua
service atau layanan yang di sediakan oleh jaringan lain.
 Dua atau lebih komputer yang saling terhubung dengan
menggunakan jaringan komputer di dunia yang saling
berkomunikasi, berinteraksi dan bertukar informasi.

Meggunakan standarisasi protocol

TCP/IP untuk berkomunikasi pada
jaringan komputer
 Sejarah Internet

ARPANET

Departemen
Pertahanan
Amerika

Sebagai
militer

Sebagai riset
Jaringan Komputer

Suatu sistem yang terdiri dari komputer dan perangkat

jaringan lain yang bekerja bersama-sama untuk
mencapai tujuan yang sama.
Internet Service Provider (ISP)

 Perusahaan yang menyediakan jasa

penghubung antara suatu host/jaringan
yang terhubung untuk dapat terkoneksi
dengan jaringan internet.

Media Koneksi :
1. Telepon/Coaxial
2. UTP/STP
3. Fiber Optic
4. Wireless
5. Satelit
File Transfer Protocol (FTP)

 Standar protokol jaringan yang digunakan untuk pertukaran

dan manipulasi file melalui TCP/IP.
 FTP digunakan untuk melakukan pengiriman file dari client ke
server ataupun mendownload file dari server ke client.
 Uniform Resource Locator (URL)

 Alamat sebuah resource yang

dapat di akses di internet.
Komponen dari URL :
1. Jenis Protocol
2. Alamat IP/nama domain
3. Nama file

http://www.pnj.ac.id/index.php

Protokol Alamat domain Nama file

 Domain Name System (DNS)

 Versi teks dari IP Address.

 Setiap nama domain memiliki IP Address
unik yang terasosiasi dengan alamatnya

http://173.194.69.94

http://www.google.co.id

http://69.63.176.13 http://www.facebook.com
IP Address

 Identitas satu komputer didalam jaringan atau internet, yang

mengurusi masalah pengalamatan dan pengatur pengiriman
paket data agar dapat sampai ke alamat yang benar.
 IP Address menggunakan 32 bit bilangan biner (1 dan 0) terdiri
dari 4 kelompok (setiap kelompok terdiri dari 8 bit) dan setiap
kelompok dipisahkan dengan tanda titik (.)
 Nilai terbesar dari bilangan biner 8 bit adalah 255
 Maka IP yang tersedia adalah 255.255.255.255
Cara Akses Internet . . .
Keunggulan Internet

1. Dapat diakses dari mana saja

2. Tanpa batas
3. Aktif 24 jam
4. Tanpa lisensi
5. Tanpa sensor
6. Efisiensi waktu dan biaya
7. Interaktif
Pemanfaatan Internet

1. Informasi Berita/Artikel
2. File Sharing
3. Web
4. Email
5. Chatting
6. VoIP
7. Teleconference
8. Remoting
9. E-Commerce
Web
 Web

 Web adalah aplikasi yang berisi dokumen multimedia yang di dalamnya

menggunakan protokol http (hypertext transfer protocol) dan untuk
mengaksesnya menggunakan perangkat lunak.

Komponen Multimedia dalam

Browser dalam akses web :
Web :
1. Internet Explorer
1. Text
2. Opera
2. Gambar
3. Google Chrome
3. Suara
4. Mozilla Firefox
4. Animasi
5. Safari
5. Video
 Perangkat Lunak Web
Browser Situs Web
Web Engine WWW

 Browser adalah aplikasi yang mampu menjalankan dokumen web dengan

cara diterjemahkan.

 Web Engine adalah komponen dalam aplikasi browser yang melakukan proses
engine.

 Situs Web adalah dokumen web yang terkumpul dalam satu kesatuan yang
memiliki URL (Unified Resource Locator)/domain dan dapat di akses oleh
semua pengguna.

 WWW (World Wide Web) adalah kumpulan dari situs web yang dapat di
akses di inmternet yang berisi informasi yang dibutuhkan pengguna internet.
Web Aplication

 Berdasarkan aspek content atau isi dan teknologi yang di

gunakan, web di bagi menjadi 2.

Web Dinamis
Web Statis
Web Statis
 Web Statis adalah web yang isi/content –nya tidak berubah
dengan cepat dan mudah, dimana harus diupdate secara
manual dalam halaman script.
 Teknologi yang digunakan dalam web statis biasanya
menggunakan client side scripting seperti HTML, JavaScript dan
CSS.

Admin ??? Perubahan isi serta data dalam

web statis dilakukan dengan
mengubah langsung pada file
master website.
Web Dinamis
 Web Dinamis adalah web yang content/isinya dapat berubah
setiap saat. Dapat diupdate tanpa mengubah script => database.
 Teknologi yang digunakan dalam membuat website dinamis :
1. Client Side Scripting (HTML, JavaScript, CSS)
2. Server Side Scripting dan database (PHP dan MySQL)

Perubahan isi serta data dalam web

Admin ??? dinamis dapat dilakukan secara
online dalam halaman tersebut
dengan hak akses yang dimiliki user.
Web Programming

Client Side
Scripting
Server Side
Scripting
Client Side Scripting

 Client Side Scripting adalah bahasa pemrograman web yang

pengolahannya dilakukan dari sisi client.
 Proses pengolahan di lakukan oleh client dari web browsernya.
 Dalam web browser terdapat library yang dikenal dengan web engine.
 Dalam client side scripting pemrosesan dilakukan dalam oleh
komponen client dengan web browse dan komponen server dengan
web server.
 Contoh client side scripting adalah HTML, CSS, JavaScript, jQuery,
VBScript.
Server Side Scripting

 Server Side Scripting adalah bahasa pemrograman yang

pengolahannya dilakukan dalam sisi server (web server yang
telah terintegrasi dengan web engine).
 Server Side Scripting dimana web engine akan memproses semua
script dalam dokumen web yang telah di embeded.
 Contoh server side scripting adalah ASP, PHP dam JSP.
 Komponen dalam menyusun suatu
web
Scripting
Image Editor
Language

Database
Web Editor
Server

Web Browser Web Server

Web Editor
 Aplikasi program yang
digunakan untuk mengetik
perintah dokumen web baik
client side scripting maupun
server side scipting.
 Ex : Notepad, Notepad ++,
Macromedia Dreamweaver
Web Server
 Aplikasi program yang
berfungsi sebagai tempat
menyimpan dokumen lain.
 Ex :
1. Web server apache
mendukung PHP.
2. Web server microsoft internet
information server mendukung
ASP dan PHP.
3. Web server apache tomcat
mendukung JSP.
Database Server Image Editor

 Program yang digunakan untuk  Aplikasi program yang

menyimpan data yang akan diolah digunakan untuk melakukan
dalam halam web.
pengolahan gambar/image.
 DBMS merupakan aplikasi
pengembangan user dalam  EX : Ms. Pain, Adobe
mengolah data di database. Photoshop, Adobe Flash.
 Ex :
1. Open source : MySQL, PostGreSQL
2. Close source : Microsoft SQL Server,
Oracle, DB2
Komponen Aplikasi Web
Karakteristik Aplikasi Web

 Kepadatan jaringan
 Akses bersama
 Jumlah pengguna yang tidak dapat diprediksi
 Kinerja
 Ketersediaan
 Digerakkan oleh data
 Peka terhadap isi
 Evolusi yang berkesinambungan
 Keamanan
 Estetika
 Kesegeraan
Search Engine
 Tools yang dijalankan melalui browser (WWW) untuk mencari
informasi.
 Search engine dapat menampung database situs dari seluruh
dunia yang mencakup miliaran halaman website hanya dengan
memasukkan keyword maka akan menampilkan informasi yang
dicari.
 Ex :
1. www.google.com
2. www.yahoo.com
3. www.bing.com
4. www.wikipedia.org
Search Engine (Image)
Search Engine (Web)
Search Engine (Buku)
Kesimpulan . . .

 Banyak hal bermanfaat yang dapat dilakukan melalui internet.

 Internet memberikan layanan tanpa mengenal batas tempat,
ruang dan waktu.
 Layanan internet non-stop 24/ 7, artinya beroperasi selama 24
jam dalam sehari, dan 7 hari dalam sepekan.