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
12 questions
TIK GRADE 2
Presentation
•
2nd Grade
10 questions
Capítulo 1 - Contrato
Presentation
•
1st Grade
10 questions
Correo institucional
Presentation
•
2nd Grade
10 questions
TIPOS DE TIC Y NUEVAS GENERACIONES DE TIC
Presentation
•
2nd Grade
11 questions
Comparing Numbers
Presentation
•
2nd Grade
11 questions
Regular Past Tense Verbs
Presentation
•
3rd Grade
8 questions
STRUKTUR TEKS BUKU HARIAN
Presentation
•
2nd Grade
14 questions
Comparing Numbers
Presentation
•
2nd - 3rd Grade
Popular Resources on Wayground
6 questions
PRIDE Always and Everywhere
Presentation
•
12th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
26 questions
KOR Review Kahoot Questions
Quiz
•
8th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
12 questions
Unit Zero lesson 2 cafeteria
Presentation
•
9th - 12th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
10 questions
Riddles Riddles fun Riddles
Quiz
•
6th - 12th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
Discover more resources for Other
20 questions
addition facts
Quiz
•
2nd Grade
10 questions
Soup, Salad, or Sandwich?
Quiz
•
1st Grade - Professio...
20 questions
Arrays/Repeated Addition
Quiz
•
2nd Grade
17 questions
Greetings and Farewells in Spanish
Quiz
•
1st - 6th Grade
30 questions
Multiplication Facts 1-12
Quiz
•
2nd - 5th Grade
17 questions
2nd Grade Graphs (Bar & Picture)
Quiz
•
2nd Grade
20 questions
Addition and Subtraction facts
Quiz
•
1st - 3rd Grade
24 questions
CKLA Domain 1 review (Fairy tales/ tall tales)
Quiz
•
2nd Grade