PEMROGRAMAN

BERBASIS WEB
SIKC
 Capaian Pembelajaran PW
• Mampu menjelaskan pengertian pemrograman web,
prinsip kerja web dan tools yang digunakan untuk membuat
halaman web;
• Mampu memanfaatkan elemen HTML untuk membangun
kerangka halaman web;
• Mampu memodifikasi tampilan dan tata letak pada suatu
halaman web dengan menggunakan CSS;
• Mampu membuat halaman web yang interaktif dan
responsif dengan menggunakan bahasa pemrograman tertentu
secara terstruktur baik pada client-side maupun server-side;
• Mampu menggunakan library yang telah tersedia untuk
membuat tampilan web menjadi interaktif dan responsif dengan
langkah pembuatan yang lebih efisien.

2
 Aturan perkuliahan
1.Memakai pakaian sopan dan memakai sepatu.
2.Persentase absen maksimal 2 * diluar izin dan sakit
3.HP mohon dimatikan atau di silent
4.Setiap mhs yang bisa menjawab pertanyaan tanpa
dipanggil akan diberi penilaian
5.Keterlambatan maksimal 25 menit dengan catatan
kompen dan telat
6.Dilarang menggunakan computer untuk aktifitas
diluar perkuliahan

3
Proses pembelajaran

1 SKS teori (50 menit)

2 SKS praktek (200 menit):

• - Role play (latihan)

4
 Target hari ini
• Mampu memahami rencana pembelajaran semester (RPS)
pemrograman web
• Mampu menjelaskan tentang pengertian pemrograman
web, prinsip kerja web dan tools yang digunakan

5
 RPS
1. Pengantar pemrograman web, prinsip kerja web, tools yang digunakan (instalasi)
2. Perkembangan HTML5, struktur element HTML5, paragraph element, input element, semantic HTML5
3. Perkembangan CSS3, komponen dasar CSS3, cara penulisan CSS, CSS selector, tata letak CSS, pengenalan media
query
4. Animasi dengan CSS, CSS linear gradien color, menambahkan box shadow, text transform, membuat graphic
dengan CSS, pseudo element
5. Responsive web design, membuat media query, membuat image responsive, pengenalan retina image
6. Pengantar CSS flexbox, flex direction, tata letak konten flexbox, flex wrap, flex shrink, flex grow, flex basis, flex
shorthan
7. Pengantar CSS grid, grid template columns and rows, CSS grid unit, grid column and row, grid gap, grid area
property, flexible layout, media queries untuk membuat responsive layout
8. Javascript basic, ES6, DOM selection, DOM manipulation, DOM event, debugging, object oriented and functional
javascript, synchronous and asynchronous, promise, call back, await
9. PHP Basic, HTTP (get, post, put, delete), konektivitas database (PDO dan prosedural), Session
10. Penerapan library javascript, CK editor, Highchart, PDFLib, CryptoJS
11. Penerapan Object Oriented Programming (OOP), class, function, method, property, object, constructor

6
 Ranking 10 Besar Bahasa Pemrograman
Tahun 2021
Matlab
Objective-C
Swift
R
PHP
C/C++
C#
JavaScript
Java
Python

0 5 10 15 20 25 30 35
Persen

Sumber: https://pypl.github.io/PYPL.html diakses pada tanggal 07 Desember 2021

7
10 Top Raksasa Web

Sumber: https://itgid.org/10-website-raksasa-yang-dibuat-dengan-php diakses pada tanggal 7

Desember 2021
8
Pengertian • Menurut Sidik, Dkk (2012:1) “Web adalah
merupakan salah satu layanan yang didapat
pemrograman oleh pemakai komputer yang terhubung ke
internet”.
web • Sedangkan menurut Yuhefizar (2013:2) “Web
adalah sebuah sistem penyebaran informasi
melalui internet”.
• Dari pendapat diatas dapat disimpulkan web
adalah salah satu layanan yang didapat oleh
pemakai komputer yang terhubung ke
internet dan system penyeberan informasi
melalui internet.

9
 • Web 1.0
• Teknologi website ini secara umum dirancang dan
dikembangkan agar dapat memudahkan akses informasi serta
bersifat sedikit interaktif
• Web 2.0
• Fitur berbagi informasi secara online, seperti aplikasi yang
dapat mengeksploitasi efek jaringan agar bisa mendapatkan
lebih banyak pengguna aplikasi
• Web 3.0 / Semantic Web
Perkembangan • Situs web dan aplikasi akan dapat memproses informasi
dengan cara yang cerdas melalui teknologi seperti machine
Web learning, big data, teknologi buku besar terdesentralisasi
(DLT), dll.
• Web 4.0 / Semantic Web
• Web 4.0 juga dikenal dengan istilah revolusi industri, yang
artinya gelombang keempat dari perjalanan dan
perkembangan revolusi industri dan web. Secara sederhana,
Web 4.0 dapat dipahami sebagai perkembangan teknologi
website yang mengarah pada otomasi dan pertukaran data
terkini secara mudah dan cepat yang mencakup sistem siber-
fisik, internet untuk segala , komputasi awan , dan juga
komputasi kognitif.

1
1
Prinsip kerja web

1
1
 HTML CSS
Bahasa
Pemrograman
Web
PHP JavaScript

1
Tools Pengembangan Aplikasi Web

1
 Terima Kasih

KEMENTERIAN PENDIDIKAN, KEBUDAYAAN, RISET, DAN TEKNOLOGI

POLITEKNIK NEGERI INDRAMAYU
Jalan Raya Lohbener Lama Nomor 8 Lohbener – Indramayu 45252
Telepon/Faximile: (0234) 5746464
Laman : http://www.polindra.ac.id e-mail: [email protected]