PeerTeaching Nazuarsyah - MK. PO
Presentation
•
Other
•
2nd Grade
•
Hard
bipeke keluarga
Used 8+ times
FREE Resource
15 Slides • 0 Questions
1
Pemrograman Web
Framework
Mei 2025
UNIVERSITAS BINA BANGSA GETSEMPENA
By Nazuarsyah
2
Definisi Web
World Wide Web ("WWW", atau singkatnya disebut "Web") adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW merupakan bagian dari pada internet.
Hiperteks dilihat dengan sebuah program bernama browser web (google crome, Mozilla firefox) yang mengambil informasi (disebut "dokumen" atau “halaman web") dari server web dan menampilkannya biasanya pada sebuah layar monitor. Kita dapat mengikuti tautan di setiap halaman untuk pindah ke dokumen yang sama atau ke dokumen lain atau bahkan dapat berinteraksi dengan server dengan cara mengirim informasi kembali kepada server. Ini disebut "surfing" atau "berselancar". Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut “situs web".
Konsep Dasar Web
3
Arsitektur Web
4
HTTP
S = Server
C = Client
C : (Inisialisasi koneksi)
C : GET /index.htm HTTP/1.1
C : Host/server: www.bbg.ac.id
S : 200 OK
S : Mime-type: text/html
S :
S : -- data dokumen (halaman web) --
S : (close connectioin)
Contoh Transaksi
5
Framework
Definisi
Framework adalah sebuah kerangka kerja dalam rangka menstandarisasikan struktur dari aplikasi yang sedang kita kembangkan, dengan tujuan untuk meningkatkan keamanan data, kemudian membuka peluang untuk kerja Tim (berkolaborasi), mempercepat pengembangan aplikasi, tentunya struktur file-file program tersusun dengan baik dan rapi sehingga mudah untuk dilakukan maintenance after live, dan dukungan komunitas yang besar.
6
Layanan di Warung Kopi
1. Pelanggan
2. Waiters/Pelayan
3. Barista
Warung Kopi
By Nazuarsyah
7
Framework
CodeIgniter
CodeIgniter adalah sebuah kerangka kerja (framework) PHP open-source yang populer digunakan untuk pengembangan aplikasi web. Framework ini berbasis Model-View-Controller (MVC) dan dirancang untuk memudahkan dan mempercepat proses pengembangan aplikasi web.
8
Model
Eksekusi QueryView
Tampilan/User Interface
Controller
Mengatur komunikasi antara Request/View ke Model
Konsep MVC
By Nazuarsyah
9
Model
Query Data Definition Language
CREATE DATABASE universitas
CREATE TABLE mahasiswa
(nim INT(10), nama VARCHAR(100), alamat VARCHAR(100))
ALTER TABLE mahasiswa MODIFY COLUMN alamat VARCHAR(150)
DROP TABLE mahasiswa
By Nazuarsyah
10
DATABASE, TABLE, FIELD
Create, Alter, Drop
Data Definition Language
RECORD
Create, Read, Update, Delete
Data Manipulation Language
By Nazuarsyah
11
Model
Query Data Manipulation Language
SELECT id, name, email FROM users WHERE city = 'Banda Aceh';
INSERT INTO table_name (column_list) VALUES (value_list);
UPDATE users SET city = 'Jakarta' WHERE id = 1;
DELETE FROM users WHERE id = 1;
By Nazuarsyah
12
View
User Interface (Form Login)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login - Web App</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<style>
........
<label for="password">Password</label>
<input type="password" id="password" name="password" required />
</div>
<button type="submit" class="login-button">Login</button>
</form>
</div>
</body>
</html>
By Nazuarsyah
13
View
User Interface
By Nazuarsyah
14
Controller
public function login
{
$data={
'title' => "Login Aplikasi Pekerti Batch23";
};
$this->load->view('/login/login_V',$data);
}
By Nazuarsyah
15
Terima Kasih
By Nazuarsyah
Mei 2025
Pemrograman Web
Framework
Mei 2025
UNIVERSITAS BINA BANGSA GETSEMPENA
By Nazuarsyah
Show answer
Auto Play
Slide 1 / 15
SLIDE
Similar Resources on Wayground
11 questions
Compare Fractions and Order of Fractions
Presentation
•
3rd Grade
13 questions
COMPARING 3-DIGIT NUMBERS
Presentation
•
2nd - 3rd Grade
9 questions
W33 GRAMMAR REVIEW
Presentation
•
2nd Grade
13 questions
Silent "e"
Presentation
•
2nd Grade
10 questions
BAHAYA TEGANGAN LISTRIK
Presentation
•
1st - 2nd Grade
10 questions
vui học tập tuần 7 - Khối 2
Presentation
•
2nd Grade
14 questions
Digital Citizenship
Presentation
•
2nd Grade
11 questions
Properties of Addition
Presentation
•
3rd Grade
Popular Resources on Wayground
11 questions
Hallway & Bathroom Expectations
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Assessment 2
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
12 questions
2026 TAP Technology in the Classroom
Presentation
•
Professional Development
15 questions
HCS SCI 05 Summer School Assessment 2 Review
Quiz
•
5th Grade
15 questions
HCS SCI 04 Summer School Review 2
Quiz
•
4th Grade
59 questions
Geometry Unit 3 Review
Quiz
•
9th - 12th Grade
14 questions
FAST ELA READING SMAPLE TEST MATERIALS
Passage
•
3rd Grade