WEBVTT

1
00:00.230 --> 00:02.180
สวัสดีเพื่อนๆ และยินดีต้อนรับกลับมา

2
00:02.180 --> 00:05.930

ในวิดีโอนี้เราจะทำการสรุปอย่างรวดเร็วเกี่ยวกับชั้นต่างๆ

3
00:05.930 --> 00:11.060

และเราจะเห็นขั้นตอนที่เราจะปฏิบัติตามเพื่อสร้างแอปที่น่าทึ่งของเรา
NVM

4
00:11.060 --> 00:17.570
ซึ่งย่อมาจาก Model View

5
00:17.570 --> 00:18.470
ViewModel
เป็นรูปแบบการออกแบบสถาปัตยกรรมที่ใช้กันอย่างแพร่หลายในการพัฒนาแอปพลิเคชัน
Android

6
00:18.470 --> 00:24.020

มันถูกออกแบบมาเพื่อช่วยให้นักพัฒนาสามารถแยกแยะปัญหาและปรับปรุงความสามารถในการบำรุงรักษาและการทดสอบของโค้ดของพวกเขา

7
00:24.020 --> 00:24.980


8
00:24.980 --> 00:29.600
นี่คือคำอธิบายสั้น ๆ
ของแต่ละองค์ประกอบในสถาปัตยกรรม mVVM

9
00:29.600 --> 00:33.630
องค์ประกอบแรกและชั้นแรกคือโมดัล

10
00:33.650 --> 00:37.820

โมเดลเป็นตัวแทนของข้อมูลและตรรกะทางธุรกิจของแอปพลิเคชัน

11
00:37.820 --> 00:44.450

มันรวบรวมข้อมูลไว้และให้วิธีการในการโต้ตอบกับข้อมูล
เช่น การดึงข้อมูล

12
00:44.450 --> 00:45.800
การจัดเก็บ หรือการจัดการข้อมูล

13
00:46.040 --> 00:53.330
ในแอนดรอยด์,
นี้อาจรวมถึงแหล่งข้อมูลเช่นฐานข้อมูล, API,
และบริการแบ็กเอนด์อื่น ๆ.

14
00:53.360 --> 00:54.050
วิว

15
00:54.080 --> 01:00.320

มุมมองรับผิดชอบต่อส่วนติดต่อผู้ใช้และการนำเสนอข้อมูล

16
01:00.320 --> 01:07.610
ประกอบด้วยไฟล์เลย์เอาต์ XML, กิจกรรม,
เฟรนจ์เมนต์, และองค์ประกอบ UI

17
01:07.610 --> 01:08.510
เช่น ปุ่ม, ข้อความ, วิว และวิดเจ็ต

18
01:08.510 --> 01:15.530
ใน mVVM
มุมมองจะสังเกตการเปลี่ยนแปลงในโมเดลมุมมองและอัปเดต
UI ตามความเหมาะสม

19
01:15.530 --> 01:16.480
โมเดลมุมมอง

20
01:16.490 --> 01:20.480

โมเดลมุมมองทำหน้าที่เป็นสะพานเชื่อมระหว่างโมเดลกับมุมมอง

21
01:20.510 --> 01:27.590
มันเก็บข้อมูลที่เกี่ยวข้องกับ UI
และตรรกะทางธุรกิจ
แต่ไม่มีการอ้างอิงโดยตรงไปยังวิว

22
01:27.620 --> 01:35.420

มันเปิดเผยข้อมูลและคำสั่งที่มุมมองสามารถผูกติดได้

23
01:35.420 --> 01:38.120

และตอบสนองต่อการโต้ตอบของผู้ใช้โดยการอัปเดตโมเดลหรือให้ข้อมูลแก่มุมมอง

24
01:38.150 --> 01:45.140

โมเดลมุมมองถูกออกแบบมาเพื่อให้สามารถทดสอบได้ง่าย
และช่วยในการจัดการสถานะและตรรกะของ UI

25
01:45.140 --> 01:46.850
มาเริ่มกันที่โมเดล

26
01:46.850 --> 01:50.870

เราจะใช้แหล่งข้อมูลระยะไกลในแอปพลิเคชันของเรา

27
01:50.870 --> 01:55.040
ดังนั้นเราจะสร้างฐานข้อมูล และสร้าง API
ของเราเอง

28
01:55.040 --> 01:59.240
และจาก API
นี้เราจะดึงข้อมูลการตอบกลับในรูปแบบ Json

29
01:59.240 --> 02:05.840

และใช้การอัปเดตแบบติดตั้งเพิ่มเติมเพื่อปรับปรุงส่วนติดต่อผู้ใช้
(UI) และออกแบบแอปพลิเคชันตามแนวทาง mVVM
นี้

30
02:06.080 --> 02:11.210

ดังนั้นขั้นตอนแรกที่เราจะทำคือสร้างฐานข้อมูลท้องถิ่นของเราโดยใช้
MySQL

31
02:11.240 --> 02:19.220
จากนั้นเราจะสร้าง API ของเราเองโดยใช้ PHP
ดึงข้อมูล Json จากฐานข้อมูลผ่าน API นี้

32
02:19.220 --> 02:27.710
โดยใช้ Retrofit ในการสร้างอ็อบเจ็กต์ Java
แสดงคำถามในแอป Android
และปฏิบัติตามสถาปัตยกรรม mVVM

33
02:27.710 --> 02:30.770
มาดูขั้นตอนในรายละเอียดเพิ่มเติมกัน

34
02:30.770 --> 02:37.940
ก่อนอื่น เราจะสร้าง API
ของเราเองที่ดึงข้อมูลจากฐานข้อมูลของเราเอง

35
02:37.940 --> 02:38.900
และเราจะสร้างใน MySQL ด้วย

36
02:38.930 --> 02:44.420
จากนั้นเราจะดึงข้อมูลและคำตอบในรูปแบบ Json

37
02:44.420 --> 02:51.650
และโดยการใช้การปรับปรุงเพิ่มเติม
เราจะเปลี่ยนการตอบสนอง Json
นี้ให้เป็นวัตถุ Java แบบธรรมดา

38
02:51.650 --> 02:55.280
และวัตถุเหล่านี้จะแสดงใน UI ของแอป

39
02:55.310 --> 02:56.660
นี่คือภารกิจของเรา

40
02:56.660 --> 03:02.930
ดังนั้นฉันต้องการให้คุณตั้งใจอยู่กับฉัน
เพราะนี่เป็นแอปพลิเคชันที่สำคัญมากที่เราจะสร้างร่วมกัน