การพัฒนาระบบแอปพลิเคชัน ธนาคารโรงเรียน

42

5) DFD Fragment : Process 5 ข้อมูลการพิมพ์รายงาน

ภาพที่ 3.6 แผนภาพ Data Flow Diagram Level 1 : Process 5 พิมพร์ ายงาน

จากภาพที่ 3.6 Process 5 พิมพ์รายงาน เป็นกระบวนการเข้าใช้งานของเจ้าหน้าที่ผู้ดูแล
ระบบ เพื่อพมิ พร์ ายงานการฝาก - ถอนเงินและสรปุ ยอดคงเหลอื ในแตล่ ะวัน

43

3.3.3 แผนภาพกระแสข้อมูล ระดบั ท่ี 1 (Data Flow Diagram Level 1)

ภาพท่ี 3.7 แผนภาพกระแสข้อมูล ระดับที่ 1 Data Flow Diagram Level 1

44

3.3.4 แผนภาพกระแสขอ้ มลู ระดบั ท่ี 2 (Data Flow Diagram Level 2)
1) กระบวนการท่ี 1.0 จัดการขอ้ มลู หลกั

ภาพท่ี 3.8 แผนภาพ Data Flow Diagram Level 2 : กระบวนการที่ 1.0 จดั การข้อมูลหลัก

จากภาพ 3.8 เป็นขัน้ ตอนการบันทึกข้อมูลหลักต่างๆผ่านทางเจ้าหน้าที่ผู้ดูแลระบบเพื่อเป็น
ข้อมลู ในการเรยี กดู

45

2) กระบวนการที่ 2.0 จดั การขอ้ มลู ฝากเงิน

ภาพที่ 3.9 แผนภาพ Data Flow Diagram Level 2 : กระบวนการท่ี 2.0 จดั การข้อมูลฝากเงิน

จากภาพ 3.9 เปน็ การจดั การขอ้ มลู ฝากเงินโดยเริ่มจากการค้นหาข้อมูลฝากเงินของนักเรียน
จากนนั้ ทําการคาํ นวณการฝากเงนิ และบนั ทกึ ขอ้ มลู การฝากเงนิ เพื่อแสดงผล

46

3) กระบวนการท่ี 3.0 จัดการขอ้ มูลถอนเงนิ

ภาพท่ี 3.10 แผนภาพ Data Flow Diagram Level 2 : กระบวนการที่ 3.0 จัดการขอ้ มูลถอนเงนิ

จากภาพ 3.10 เป็นการจัดการข้อมูลถอนเงินโดยเริ่มจากการค้นหาข้อมูลถอนเงินของ
นกั เรียน จากนั้นทาํ การคํานวณการถอนเงนิ และบันทกึ ข้อมลู การถอนเงินเพื่อแสดงผล

47

4) กระบวนการท่ี 4.0 จดั การขอ้ มลู ยอดคงเหลือ

ภาพท่ี 3.11 แผนภาพ Data Flow Diagram Level 2 : กระบวนการที่ 4.0
จดั การข้อมูลยอดคงเหลอื

จากภาพ 3.11 เป็นการจัดการข้อมลู ยอดคงเหลือโดยการค้นหาข้อมูลของนักเรียนท่ีผ่านการ
ฝาก-ถอนเงนิ เพ่อื บันทกึ ขอ้ มูลและแสดงผลผ่านทางเจ้าหน้าท่ีผดู้ ูแลระบบ

48

5) กระบวนการท่ี 5.0 จัดการพิมพร์ ายงาน

ภาพที่ 3.12 แผนภาพ Data Flow Diagram Level 2 : กระบวนการที่ 5.0 จดั การพมิ พร์ ายงาน

จากภาพ 3.12 เป็นการพิมพ์รายงานยอดคงเหลือจากการฝาก - ถอนเงินของนักเรียนในแต่
ละวันเพือ่ สรุปยอดคงเหลือและแสดงผล

49
3.3.5 แผนภาพจาลองฐานขอ้ มลู เชิงสมั พันธ์ (Entity Relation Model)
เป็นแผนภาพท่ีใช้แสดงความสัมพันธ์ของข้อมูลท่ีเกิดขึ้นในระบบโดย ER-Diagram จะแสดง
โครงสร้างของฐานข้อมูลในระดับแนวความคิดออกมาในรูปแบบแผนภาพทําให้เห็นภาพรวมของ
เอนทิตที้ ั้งหมดและความสัมพนั ธร์ ะหว่างเอนทิตใ้ี นฐานขอ้ มูล ER-Diagram ของระบบ

ภาพที่ 3.13 แผนภาพ ER-Diagram ระบบธนาคารโรงเรียน

50

3.3.6 ตารางข้อมลู (Data Dictionary)

ตารางท่ี 3.1 แสดงขอ้ มลู นกั เรยี น

Name DataType Key Description
Student ID varchar Primary Key รหัสนักเรยี น
Name varchar ชือ่
Lase Name varchar นามสกลุ
Class varchar ชั้นเรียน
Contact number varchar เบอรต์ ิดตอ่
Birth day date วันเกิด

ตารางท่ี 3.2 แสดงขอ้ มูลเจ้าหน้าท่ี

Name DataType Key Description
Officer Code varchar Primary Key รหัสเจ้าหนา้ ท่ี
Name varchar ชื่อ
Lase Name varchar Foreign Key นามสกลุ
Class varchar ช้ันเรยี น
Contact number varchar เบอร์ติดตอ่
Birth day date วันเกดิ
Student ID varchar รหัสนกั เรยี น

51

ตารางที่ 3.3 แสดงข้อมูลการฝากเงิน

Name DataType Key Description
Deposit Code varchar Primary Key รหสั การฝากเงนิ
Student ID varchar Foreign Key รหัสนกั เรียน
Deposit date date วนั ทีฝ่ าก
Deposit time time Foreign Key เวลาฝาก
Deposit amount int จาํ นวนที่ฝาก
Remaining amount int จาํ นวนคงเหลือ
Net deposit int เงนิ ฝากสุทธิ
Officer code varchar รหัสเจ้าหนา้ ท่ี

ตารางที่ 3.4 แสดงข้อมูลการถอนเงิน

Name DataType Key Description
Withdrawal Code varchar Primary Key รหัสการถอนเงิน
Student ID varchar Foreign Key รหสั นักเรยี น
Withdrawal date date วันท่ถี อน
Withdrawal time time Foreign Key เวลาถอน
Withdrawal amount int จาํ นวนทถี่ อน
Remaining amount int จํานวนคงเหลือ
Net balance int จํานวนคงเหลือสทุ ธิ
Officer code varchar รหัสเจ้าหน้าที่

52

3.4 การพฒั นาระบบงาน (Development)

ผจู้ ัดทาํ จะพฒั นาระบบงาน โดย
3.4.1 โปรแกรม Glide Apps
3.4.2 ภาษาในการพัฒนา HTML
3.4.3 โปรแกรมฐานขอ้ มลู Google Sheet
3.4.4 Apps Script
3.4.5 ระบบปฏบิ ัติการ Windows 8.1, Windows 10

3.5 การทดสอบ (Testing)

ข้ันตอนการทดสอบระบบ ดังน้ี
3.5.1 ทดสอบความถกู ตอ้ งของระบบ
3.5.2 ทดสอบความถูกตอ้ งของผลลัพธ์ทไี่ ด้
3.5.3 ทดสอบว่าระบบทพ่ี ัฒนาตรงตามความตอ้ งการของผูใ้ ชห้ รอื ไม่
3.5.4 ทดสอบการดาวน์ โหลดแอปพลเิ คชนั ดว้ ยการสแกนควิ อาร์โคด้ ว่าสามารถใช้งานได้จรงิ

3.6 การนาไปใชแ้ ละบารุงรกั ษา (Implementation and Maintenance)

เริ่มจากการติดต้ังแอปพลิเคชันบนสมาร์ทโฟนของเจ้าหน้าท่ีในส่วนของผู้ใช้งานดูแลระบบ
และติดตงั้ แอปพลิเคชันบนสมารท์ โฟนของนักเรียนในส่วนของผู้ใช้งานระบบที่สามารถเข้าระบบเพ่ือ
ค้นหาดูความเคลอื่ นไหวยอดเงินคงเหลอื ในบัญชขี องตนได้

การบํารุงรักษา กรณีที่เกิดข้อผิดพลาดข้ึนจากระบบ ให้ดําเนินการแก้ไขให้ถูกต้องและ
ทนั ทว่ งทีหากเกิดขอ้ ผดิ พลาดกับแอปพลิเคชนั ในส่วนของนักเรียนให้แจ้งทางเจ้าหน้าท่ีทันทีเพ่ือจะได้
ตรวจสอบและแก้ไขขอ้ ผิดพลาดท่ีเกิดข้ึนได้ โดยอาจจะแก้ด้วยการเขียนโปรแกรมเพ่ิมเติมหรือแก้ไข
ขอ้ มูลตา่ ง ๆ ในโปรแกรมใหม้ คี วามถกู ตอ้ ง

บทท่ี 4

ผลการดาเนินงาน

ในบทนี้ได้นําเสนอผลการดําเนินงานในแต่ละขั้นตอนของการใช้งานแอพพลิ เคชั่นธนาคาร
โรงเรยี น บนสมาร์ทโฟน โดยมีรายละเอียดดงั น้ี

สว่ นของแอปพลเิ คชนั ผู้ดแู ลระบบ (Admin App)

1. แอปพลเิ คชนั เขา้ ส่หู นา้ เริ่มตน้
2. แอปพลเิ คชันในสว่ นของหนา้ เมนู
3. แอปพลิเคชนั ในส่วนของหนา้ รายชอื่ นักเรยี น
4. แอปพลเิ คชนั ในสว่ นของหนา้ การทํารายการ
5. แอปพลิเคชนั ในส่วนของหนา้ ฝากเงิน
6. แอปพลิเคชันในสว่ นของหนา้ ถอนเงิน
7. แอปพลเิ คชันในสว่ นของหนา้ ยอดเงนิ ปจั จุบนั

ส่วนของแอปพลเิ คชัน ผใู้ ชง้ านระบบ (Client App)

1. แอปพลิเคชันเขา้ สู่หน้าเริ่มตน้
2. แอปพลเิ คชันในส่วนของหนา้ เมนู
3. แอปพลเิ คชันในสว่ นของหนา้ ตรวจสอบยอดเงิน
4. แอปพลิเคชนั ในสว่ นของหน้าตดิ ตอ่ เจ้าหนา้ ท่ี

54

4.1 ส่วนของแอปพลเิ คชนั ผู้ดแู ลระบบ (Admin App)

4.1.1 แอปพลเิ คชันเข้าสู่หนา้ เรม่ิ ตน้
1) เริ่มการใช้งานแอปพลิเคชันธนาคารโรงเรียน บนสมาร์ทโฟน เม่ือผู้ใช้งานคลิกท่ี

ไอคอน Public app จะเข้าสหู่ น้าแอปพลิเคชัน การทํารายการ

ภาพที่ 4.1 แสดงหน้ากอ่ นเข้าแอปพลิเคชนั
4.1.2 แอปพลเิ คชันในสว่ นของหนา้ เมนู
1) เมอ่ื ผใู้ ชง้ านเข้ามาถึงหนา้ เมนขู องแอปพลเิ คชนั ในสว่ นนี้ผู้ใชง้ านสามารถเลือกการเข้า

ใชง้ านไดโ้ ดยการกดปุม จากนั้นแอปพลเิ คชันจะทาํ การเปลยี่ นหน้าไปยงั หนา้ ทผี่ ใู้ ช้เลือก โดยเลือกเมนู
การทํารายการ

ภาพที่ 4.2 แสดงหน้าตา่ งการทาํ รายการ

55
4.1.3 แอปพลเิ คชันในสว่ นของหน้ารายชอื่ นกั เรยี น

1) เมื่อผู้ใช้คลิกเมนูรายชื่อนักเรียน แอปพลิเคชันก็จะทําการแสดงหน้าการทํารายการ
โดยเมนทู ใ่ี ห้ผ้ใู ชเ้ ลือกมีทั้งหมด 3 รายการดว้ ยกนั ซ่งึ ประกอบไปดว้ ย

1. ฝากเงิน
2. ถอนเงิน
3. ยอดเงินปจั จบุ นั

ภาพที่ 4.3 แสดงหน้าต่างรายชอื่ นักเรยี น
4.1.4 แอปพลเิ คชนั ในส่วนของหน้าการทารายการ

1) โดยเมนทู ่ีใหผ้ ู้ใช้เลอื กมที ง้ั หมด 3 รายการด้วยกนั ซงึ่ ประกอบไปด้วย
1. ฝากเงนิ
2. ถอนเงนิ
3. ยอดเงินปัจจุบัน

56

ภาพที่ 4.4 แสดงหนา้ ตา่ งการทํารายการ
4.1.5 แอปพลเิ คชันในสว่ นของหนา้ ฝากเงิน

1) เม่ือผู้ใช้คลิกเมนูฝากเงิน แอปพลิเคชันก็จะปล่ียนไปยังหน้าฝากเงิน ผู้ใช้ต้องทําการ
กรอกจาํ นวนเงนิ ทตี่ ้องการฝากให้ถกู ตอ้ งแลว้ ทําการกดปุม Submit จึงเสร็จส้ิน กลับเข้าสู่หน้าการทํา
รายการ

ภาพที่ 4.5 แสดงหน้าต่างการฝากเงิน

57
4.1.6 แอปพลิเคชนั ในสว่ นของหน้าถอนเงิน
1) เมอื่ ผ้ใู ช้คลิกเมนูถอนเงิน แอปพลเิ คชันกจ็ ะปล่ยี นไปยงั หน้าถอนเงิน ผู้ใช้ต้องทําการกรอก
จํานวนเงินท่ีต้องการถอนให้ถูกต้องแล้วทําการกดปุม Submit จึงเสร็จส้ิน กลับเข้าสู่หน้าการทํา
รายการ

ภาพท่ี 4.6 แสดงหนา้ ตา่ งการถอนเงิน
4.1.7 แอปพลเิ คชนั ในสว่ นของหนา้ ยอดเงินปัจจุบัน

1) เมื่อผู้ใช้คลิกเมนูยอดเงินปัจจุบัน แอปพลิเคชันก็จะปลี่ยนไปยังหน้ายอดเงินปัจจุบัน
เพอื่ ใหผ้ ใู้ ช้สามารถเหน็ ข้อมลู ยอดเงินปจั จุบันได้

58

ภาพที่ 4.7 แสดงหน้าตา่ งยอดเงินปัจจุบนั

4.2 ส่วนของแอปพลเิ คชนั ผู้ใช้งานระบบ (Client App)

4.2.1 แอปพลิเคชนั เข้าสหู่ นา้ เร่ิมตน้
1) เริ่มการใช้งานแอปพลิเคชันธนาคารโรงเรียน บนสมาร์ทโฟน เม่ือผู้ใช้งานคลิกท่ี

ไอคอน Public app จะเข้าสู่หน้าแอปพลเิ คชัน การทาํ รายการ

ภาพท่ี 4.8 แสดงหนา้ ก่อนเขา้ แอปพลิเคชัน

59
4.2.2 แอปพลเิ คชันในสว่ นของหนา้ เมนู

1) เมื่อผูใ้ ช้งานเขา้ มาถงึ หนา้ เมนูของแอปพลิเคชัน ในส่วนนผี้ ู้ใชง้ านสามารถเลือกการเข้า
ใชง้ านไดโ้ ดยการกดปมุ จากนน้ั แอปพลิเคชันจะทําการเปลี่ยนหน้าไปยังหน้าท่ีผู้ใช้เลือก โดยเมนูที่ให้
ผู้ใชเ้ ลือกมีทั้งหมด 2 รายการดว้ ยกัน ซึ่งประกอบไปดว้ ย

1. ตรวจสอบยอดเงิน
2. ตดิ ตอ่ เจา้ หนา้ ที่

ภาพที่ 4.9 แสดงหน้าส่วนของหน้าเมนู

60
4.2.3 แอปพลเิ คชันในส่วนของหน้าตรวจสอบยอดเงนิ

1) เมอื่ ผ้ใู ช้คลิกเมนูตรวจสอบยอดเงนิ แอปพลิเคชันกจ็ ะปลีย่ นไปยงั หน้าค้นหาข้อมูล

ภาพท่ี 4.10 แสดงหนา้ สว่ นของหนา้ ตรวจสอบยอดเงิน
4.2.4 เม่อื ผูใ้ ชง้ านมายังหนา้ คน้ หาข้อมลู

1) ให้กรอกเลขบตั รประจําตัวประชาชนนกั เรียน แล้วกดคน้ หาเพือ่ เข้าสหู่ น้ายอดคงเหลอื

ภาพท่ี 4.11 แสดงหนา้ สว่ นของหนา้ คน้ หาข้อมูล

61

4.3 แอปพลเิ คชนั ในส่วนของหนา้ ติดต่อเจ้าหน้าท่ี

4.3.1 เมือ่ ผูใ้ ชค้ ลกิ เมนูตดิ ต่อเจา้ หน้าที่แอปพลิเคชนั กจ็ ะปลย่ี นไปยงั หนา้ เจา้ หนา้ ท่ผี ู้ดแู ล
ระบบตา่ ง ๆ ในส่วนน้มี เี จ้าหนา้ ท่ีผดู้ แู ลอยู่ 4 ส่วน คอื

1) ผู้ดูแลระบบการฝากเงนิ
2) ผดู้ แู ลระบบการถอนเงิน
3) ผู้ดูแลระบบตรวจสอบยอดเงนิ
4) ผดู้ ูแลระบบแกไ้ ขข้อมลู

ภาพที่ 4.12 แสดงหน้าสว่ นของหนา้ ติดตอ่ เจ้าหน้าท่ี

62
4.3.2 เม่ือผู้ใช้คลิกเมนูติดต่อเจ้าหน้าที่ผู้ดูแลระบบการฝากเงิน แอปพลิเคชันก็จะทําการ
แสดงข้อมลู เจา้ หนา้ ที่ผดู้ ูแลระบบการฝากเงนิ

ภาพที่ 4.13 แสดงหน้าส่วนของหนา้ ขอ้ มูลเจา้ หน้าทีผ่ ู้ดูแลระบบการฝากเงนิ
4.3.4 เมื่อผู้ใช้คลิกเมนูติดต่อเจ้าหน้าที่ผู้ดูแลระบบการถอน แอปพลิเคชันก็จะทําการแสดง
ข้อมลู เจา้ หน้าท่ผี ้ดู แู ลระบบการถอนเงิน

ภาพท่ี 4.14 แสดงหนา้ ส่วนของหนา้ ขอ้ มูลเจา้ หน้าท่ีผดู้ ูแลระบบการถอนเงิน

63
4.3.5 เม่ือผู้ใช้คลิกเมนูติดต่อเจ้าหน้าท่ีผู้ดูแลระบบตรวจสอบยอดเงิน แอปพลิเคชันก็จะทํา
การแสดงข้อมูลเจา้ หน้าท่ีผูด้ แู ลระบบตรวจสอบยอดเงิน

ภาพที่ 4.15 แสดงหน้าสว่ นของหน้าขอ้ มูลเจา้ หน้าท่ีผ้ดู ูแลระบบตรวจสอบยอดเงิน
4.3.6 เมื่อผู้ใช้คลิกเมนูติดต่อเจ้าหน้าท่ีผู้ดูแลระบบแก้ไขข้อมูล แอปพลิเคชันก็จะทําการ
แสดงขอ้ มลู เจา้ หนา้ ทีผ่ ้ดู แู ลระบบแกไ้ ขข้อมลู

ภาพที่ 4.16 แสดงหน้าส่วนของหนา้ ข้อมลู เจ้าหน้าทผ่ี ดู้ ูแลระบบแก้ไขข้อมลู

บทท่ี 5

สรุปและขอ้ เสนอแนะ

การพัฒนาระบบแอปพลเิ คชัน ธนาคารโรงเรียน ผู้จัดทําสามารถสรุปผลการดําเนินโครงงาน
และขอ้ เสนอแนะ ดังน้ี

5.1 สรปุ

จากการศึกษาเอกสารและงานวิจัยท่ีเก่ียวข้อง ทําให้สามารถกําหนดขอบเขตในการพัฒนา
ระบบแอปพลเิ คชนั ธนาคารโรงเรยี น เป็นแนวทางให้กับผู้ที่ต้องการศึกษาหรือสนใจในการสร้างแอป
พลิเคชนั เพอ่ื ใชใ้ นความสะดวกสบายในแตล่ ะหนว่ ยงาน

สําหรับในส่วนของการจัดทําแอปพลิเคชัน ธนาคารโรงเรียน มีการใช้โปรแกรมหลาย
โปรแกรมมาช่วยในการสร้างแอปพลิเคชัน เพื่อให้มีความสมบูรณ์สวยงามและเหมาะสําหรับการใช้
งานและง่ายต่อการใชง้ าน ทางผู้จัดทําจึงมีความมุ่งม่ันเพื่อที่จะจัดทําแอปพลิเคชัน ธนาคารโรงเรียน
น้ขี ึน้ มา ส่ิงสาํ คัญในการสร้างแอปพลิเคชัน ธนาคารโรงเรียน เพ่ือการนําเทคโนโลยีในปัจจุบันเข้ามา
ประยกุ ตใ์ ช้งานในการทํางานของสาขาวิชาคอมพวิ เตอร์ธุรกจิ

ในส่วนของแอปพลเิ คชนั ผดู้ แู ลระบบ ขนั้ ตอนการใชง้ านของแอปพลิเคชัน ธนาคารโรงเรียน
เม่ือผู้ใช้เปิดเข้ามายังแอปพลิเคชัน ธนาคารโรงเรียน แอปพลิเคชันจะเข้าสู้หน้าเริ่มต้นและเช่ือมโยง
หนา้ ตา่ งเมนูโดยอตั โนมตั ิ ซ่ึงหน้าตา่ งน้จี ะเจอหน้ารายการ เมื่อคลิกเข้าไปจะพบส่วนของหน้ารายช่ือ
นักเรียนทงั้ หมด เพื่อเลอื กการทํารายการของแต่ละบุคคล เมอื่ คลกิ เขา้ ไปในเมนูบุคคลใดบคุ คลหนึ่งจะ
เจอหน้าต่างการทํารายการ ฝากเงิน , ถอนเงิน , และยอดเงินปัจจุบัน จากน้ันคลิกไปยังหน้าเมนูที่
ตอ้ งการทํารายการ เชน่ เมนูการฝากเงนิ จะข้นึ ใหก้ รอกจํานวนเงินทีต่ อ้ งการฝากและกดตกลง จากน้ัน
จะกลับมายังหน้าเมนูหลัก เม่ือต้องการถอนเงินคลิกไปยังหน้าถอนเงิน จะข้ึนให้กรอกจํานวนเงินท่ี
ต้องการถอนและกดตกลง จากน้ันจะกลับมายังหน้าเมนูหลักและเม่ือคลิกไปยังหน้ายอดเงินคงเหลือ
จะแสดงยอดเงินคงเหลือท้งั หมด

65

ในสว่ นของแอปพลิเคชัน ผูใ้ ชง้ านระบบ ขั้นตอนการใช้งานของแอปพลิเคชัน เมื่อผู้ใช้เปิดเข้า
มายงั แอปพลิเคชนั แอปพลเิ คชันจะเข้าสู้หน้าเริ่มต้น และเชื่อมโยงหน้าต่างเมนูโดยอัตโนมัติ ในส่วน
ของหน้าเมนูจะประกอบไปด้วย หน้าตรวจสอบยอดเงินและหน้าติดต่อเจ้าหน้าที่ เม่ือคลิกเข้าหน้า
ตรวจสอบยอดเงิน จะพบหน้าค้นหาข้อมูลให้กรอกเลขบัตรประจําตัวประชาชน ของนักเรียนคนที่
ต้องการค้นหา จากน้ันจะเข้าสู่หน้าแสดงยอดเงินคงเหลือ เม่ือคลิกเข้าสู่หน้าติดต่อเจ้าหน้าท่ี จะพบ
เจา้ หนา้ ท่ผี ดู้ แู ลระบบท้ังหมด 4 สว่ น คอื 1) ส่วนของผดู้ ูแลระบบการฝาก 2) ผู้ดูแลระบบการถอน 3)
ผูด้ แู ลระบบตรวจสอบยอดเงิน และ 4) ผูด้ ูแลระบบแก้ไขข้อมูล หากผู้ใช้งานต้องการติดต่อในส่วนใด
ให้คลิกไปยงั ผู้ดูแลระบบนนั้ จะขึน้ หน้าขอ้ มลู ให้ตดิ ต่อ

หนา้ การใช้งานจะแสดงรูปภาพแอปพลิเคชัน ธนาคารโรงเรียน การใช้งานแอปพลิเคชันนี้มี
ขนาดหน้าจอ 1080×1920 pixel ซ่ึงเหมาะสําหรับหน้าจอของโทรศัพท์สมาร์ทโฟน ในปัจจุบันแอป
พลิเคชันนี้เหมาะผู้ท่ีต้องการความสะดวกสบายในการทําธุรกรรมต่าง ๆ ทางผู้จัดทําจึงหวังว่าแอป
พลเิ คชนั ธนาคารโรงเรยี น คงเปน็ ประโยชน์ให้กับผใู้ ชง้ านไม่มากก็นอ้ ยและหวังว่าแอปพลิเคชันนี้จะมี
ประโยชน์สําหรับผ้ใู ช้งาน

5.2 ขอ้ เสนอแนะ

ปญั หาและข้อเสนอแนะสาํ หรับนําไปใช้งานและพัฒนาในขัน้ ตอ่ ไป

5.2.1 ส่วนของหน้าจอ

ปัญหา เม่อื นําไปใช้งานกบั สมารท์ โฟนที่เป็นเทคโนโลยที ม่ี กี ารนํามาใช้กันมากในปัจจุบัน
เมือ่ สมารท์ โฟน ทาํ ใหข้ นาดหนา้ จอของแอปพลิเคชันมีความละเอียดไมเ่ ท่ากนั

ข้อเสนอแนะ ควรมกี ารศกึ ษารูปแบบของเทคโนโลยีที่จะนําเอาแอปพลเิ คชันไปใช้งานว่า
เหมาะสมกับเทคโนโลยีแบบใดบ้าง และส่วนของการออกแบบหน้าจอควรมีการปรับขนาดให้
เหมาะสม

66

5.2.2 ส่วนของข้อมลู ที่แสดง

ปัญหา หากข้อมูลท่ีแสดงมีมากเกินไปก็จะทําให้แอปพลิเคชัน ทํางานช้าและมีการ
สํารองข้อมูลทใ่ี หญข่ น้ึ

ข้อเสนอแนะ ทําการลบแคชเพ่ือให้แอปพลิเคชัน ทํางานได้ดีข้ึนและมีประสิทธิภาพใน
การทํางานดีขึ้น

5.2.3 การรนั Emulator

ปัญหา การรัน Emulator อาจจะมีปัญหาบางครั้งโดยการรันไม่ข้ึนเน่ืองจากสัญญาณ
เครือข่ายไม่เสถียร ทาํ ใหก้ ารทาํ งานและสาํ รองข้อมลู ชา้ ลง

ข้อเสนอแนะ ควรตรวจสอบแพ็กเกจว่าครบหรือไม่ และควรติดต้ังแพ็กเกจให้เป็น
แพก็ เกจลา่ สดุ

5.2.4 อินเตอรเ์ น็ต

ปญั หา ถา้ หากการเชอ่ื มต่ออินเตอร์เนต็ นน้ั มีความเร็วท่ชี า้ ก็จะทําให้แอปพลเิ คชนั ดงึ
ข้อมูลมาช้าหรือไมส่ ามารถดึงขอ้ มูลได้

ขอ้ เสนอแนะ ทําการกลบั ไปยังรายการกอ่ นหน้าแล้วกดปุมใหมอ่ ีกคร้ังเพ่ือให้ขอ้ มูลที่
ตอ้ งการแสดงข้นึ มา

67

บรรณานกุ รม

นิรนาม.(ออนไลน์).วิจัยเร่ืองการระบบบริหารจัดการธนาคารออมทรัพย์โรงเรียนบ้านโด่งาม
แหลง่ ท่มี า: http://www.bc.msu.ac.th/project_file/chapter1(407).pdf

นิรนาม.(ออนไลน์).ประวัตธิ นาคารออมสนิ แหล่งทมี่ า : https://www.gsb.or.th/ประวตั ิธนาคาร/
นิรนาม.(ออนไลน์).ข้อมูลพื้นฐานธนาคารโรงเรยี น แหลง่ ท่มี า : https://www.gsb.or.th/ media/
นิรนาม.(ออนไลน์).ทฤษฎีการบริการ แหลง่ ทม่ี า : http://www.research-system.siam.edu/imag

es/independent/Satisfaction_of_Customers_towards_the_Service_Krung_Thai_
Bank_Rattanathibet_branch_Nonthaburi_Province/05_ch2.pdf
นิรนาม.(ออนไลน์).ทฤษฎีพาณชิ ยอ์ ิเล็กทรอนกิ ส์ แหลง่ ทม่ี า : http://cmuir.cmu.ac.th/bitstream/

6653943832/45837/4/CHAPTER%202.pdf
นริ นาม.(ออนไลน์).ทฤษฎีเกีย่ วกับระบบฐานขอ้ มลู (Database) แหลง่ ที่มา : http://mpnn2551.net

46.net/Subjects/DBMS32042014/dataBaseIntro.html
วิทวัฒน์ พฒั นา, 2553. การวเิ คราะหแ์ ละออกแบบระบบ แหล่งที่มา : http://www.bcmsu.acth/p

roject_file/chapter2(577).pdf

ภาคผนวก

69

ข้นั ตอนการใช้งานแอปพลเิ คชัน

1. ขัน้ ตอนการติดตั้งแอปพลิเคชนั ธนาคารโรงเรียน

สําหรบั ขน้ั ตอนน้ันจะมอี ยสู่ องขั้นตอนหลัก ๆ คือ
- ขน้ั ตอนการตดิ ตงั้ แอปพลเิ คชนั ผ่าน QR CODE ของผู้ดูแลระบบ
- ข้ันตอนการตดิ ตง้ั แอปพลเิ คชันผ่าน QR CODE ของผู้ใชง้ านระบบ
1.1 การติดตั้งแอปพลิเคชนั ผา่ น QR CODE ของผู้ดูแลระบบ

1) ให้ติดตั้งผ่านการสแกน QR CODE ของผู้ดูแลระบบท่ีทําการสร้างไว้จากโปรแกรม
GLIDE APP เพือ่ ติดต้ังลงบนสมารท์ โฟน

ภาพที่ 1 สแกนตดิ ต้ังแอปพลิเคชันผ่าน QR CODE

70
2) ทาํ การสแกน QR CODE แลว้ กดตดิ ต้งั เพ่ือติดตงั้ แอปพลิเคชนั ลงบนสมารท์ โฟน

ภาพท่ี 2 ติดตง้ั แอปพลิเคชันผ่าน QR CODE
1.2 ขั้นตอนการติดต้ังแอปพลเิ คชนั ผ่าน QR CODE ของผใู้ ช้งานระบบ

1) ให้ติดตง้ั ผา่ นการสแกน QR CODE ของผู้ดูแลระบบที่ทําการสร้าง
ไว้จากโปรแกรม GLIDE APP เพ่ือตดิ ตั้งลงบนสมารท์ โฟน

ภาพท่ี 3 สแกนตดิ ต้งั แอปพลเิ คชนั ผ่าน QR CODE

71
2) ทําการสแกน QR CODE แล้วกดตดิ ต้งั เพือ่ ตดิ ตง้ั แอปพลิเคชันลงบนสมาร์ทโฟน

ภาพที่ 4 ตดิ ตง้ั แอปพลิเคชนั ผา่ น QR CODE

2. ส่วนของแอปพลิเคชนั (ผดู้ ูแลระบบ) (Admin App)

2.1 แอปพลเิ คชันเข้าสู่หนา้ เร่ิมต้น
1) เริ่มการใช้งานแอปพลิเคชันธนาคารโรงเรียน บนสมาร์ทโฟน เมื่อผู้ใช้งานคลิกท่ี

ไอคอน Public app จะเข้าสหู่ น้าแอปพลเิ คชัน การทาํ รายการ

ภาพท่ี 5 แสดงหนา้ ก่อนเข้าแอปพลิเคชัน

72
2.2 แอปพลเิ คชันในสว่ นของหนา้ เมนู

1) เมอ่ื ผู้ใชง้ านเขา้ มาถึงหน้าเมนูของแอปพลิเคชนั ในสว่ นน้ีผู้ใชง้ านสามารถเลือกการเข้า
ใช้งานได้โดยการกดปมุ จากนน้ั แอปพลเิ คชันจะทาํ การเปลยี่ นหนา้ ไปยังหน้าที่ผู้ใช้เลือก โดยเลือกเมนู
การทาํ รายการ

ภาพที่ 6 แสดงหน้าตา่ งการทาํ รายการ

73
2.3 แอปพลเิ คชนั ในสว่ นของหนา้ รายช่ือนกั เรยี น

1) เมื่อผู้ใช้คลิกเมนูรายช่ือนักเรียน แอปพลิเคชันก็จะทําการแสดงหน้าการทํารายการ
โดยเมนทู ่ใี หผ้ ใู้ ช้เลือกมที ้ังหมด 3 รายการด้วยกนั ซงึ่ ประกอบไปดว้ ย

1. ฝากเงิน
2. ถอนเงิน
3. ยอดเงนิ ปัจจุบัน

ภาพท่ี 7 แสดงหนา้ ต่างรายชอื่ นักเรยี น

74

2.4 แอปพลเิ คชันในส่วนของหน้าการทารายการ
1) โดยเมนทู ใี่ หผ้ ู้ใชเ้ ลือกมีทง้ั หมด 3 รายการด้วยกัน ซงึ่ ประกอบไปดว้ ย
1. ฝากเงิน
2. ถอนเงนิ
3. ยอดเงินปจั จบุ ัน

ภาพท่ี 8 แสดงหน้าต่างการทํารายการ

75
2.5 แอปพลเิ คชนั ในสว่ นของหน้าฝากเงิน

1) เมือ่ ผู้ใชค้ ลิกเมนูฝากเงิน แอปพลิเคชันก็จะเปล่ียนไปยังหน้าฝากเงิน ผู้ใช้ต้องทําการ
กรอกจาํ นวนเงนิ ท่ตี อ้ งการฝากใหถ้ ูกต้องแล้วทําการกดปุม Submit จึงเสร็จสิ้น กลับเข้าสู่หน้าการทํา
รายการ

ภาพท่ี 9 แสดงหนา้ ตา่ งการฝากเงนิ

76
2.6 แอปพลเิ คชันในส่วนของหน้าถอนเงิน

1) เมอ่ื ผใู้ ช้คลิกเมนูถอนเงิน แอปพลิเคชันก็จะเปล่ียนไปยังหน้าถอนเงิน ผู้ใช้ต้องทําการ
กรอกจาํ นวนเงินทตี่ อ้ งการถอนให้ถกู ต้องแลว้ ทําการกดปุม Submit จึงเสร็จสิ้น กลับเข้าสู่หน้าการทํา
รายการ

ภาพที่ 10 แสดงหน้าตา่ งการถอนเงนิ

77
2.7 แอปพลเิ คชันในสว่ นของหน้ายอดเงนิ ปัจจุบนั

1) เมื่อผ้ใู ช้คลกิ เมนยู อดเงินปัจจุบัน แอปพลิเคชันก็จะเปล่ียนไปยังหน้ายอดเงินปัจจุบัน
เพอ่ื ใหผ้ ใู้ ช้สามารถเหน็ ขอ้ มลู ยอดเงนิ ปจั จุบัน

ภาพท่ี 11 แสดงหนา้ ตา่ งยอดเงนิ ปจั จุบัน

78

3. ส่วนของแอปพลเิ คชนั (ผู้ใชง้ านระบบ) (Client App)

3.1 แอปพลเิ คชนั เขา้ สหู่ นา้ เริ่มต้น
1) เร่ิมการใช้งานแอปพลิเคชันธนาคารโรงเรียน บนสมาร์ทโฟน เม่ือผู้ใช้งานคลิกที่ไอคอน Public
app จะเข้าสู่หน้าแอปพลิเคชัน การทํารายการ

ภาพที่ 12 แสดงหนา้ ก่อนเขา้ แอปพลิเคชนั

79
3.2 แอปพลเิ คชันในสว่ นของหน้าเมนู

1) เม่อื ผใู้ ช้งานเขา้ มาถงึ หนา้ เมนขู องแอปพลเิ คชนั ในส่วนนผ้ี ้ใู ช้งานสามารถเลือกการเข้า
ใช้งานได้โดยการกดปุม จากนั้นแอปพลเิ คชันจะทําการเปลี่ยนหน้าไปยังหน้าที่ผู้ใช้เลือก โดยเมนูที่ให้
ผู้ใช้เลือกมที ั้งหมด 2 รายการดว้ ยกนั ซึ่งประกอบไปดว้ ย

1. ตรวจสอบยอดเงนิ
2. ตดิ ตอ่ เจา้ หน้าที่

ภาพที่ 13 แสดงหน้าสว่ นของหนา้ เมนู
3.3 แอปพลเิ คชนั ในสว่ นของหนา้ ตรวจสอบยอดเงิน

1) เมอ่ื ผู้ใชค้ ลกิ เมนูตรวจสอบยอดเงนิ แอปพลเิ คชันกจ็ ะเปล่ยี นไปยงั หน้าคน้ หาข้อมูล

ภาพท่ี 14 แสดงหน้าส่วนของหนา้ ตรวจสอบยอดเงิน

80
3.4 เมื่อผใู้ ชง้ านมายังหน้าค้นหาขอ้ มลู

1) ให้กรอกเลขบัตรประจาํ ตวั ประชาชนนักเรียน แลว้ กดคน้ หาเพื่อเขา้ สูห่ นา้ ยอดคงเหลอื

ภาพท่ี 15 แสดงหนา้ ส่วนของหนา้ ค้นหาขอ้ มูล

81

4 แอปพลเิ คชนั ในสว่ นของหน้าติดตอ่ เจา้ หนา้ ที่

4.1 เมอื่ ผใู้ ช้คลิกเมนตู ิดตอ่ เจา้ หน้าท่แี อปพลเิ คชันก็จะเปลี่ยนไปยงั หนา้ เจ้าหนา้ ท่ีผู้ดูแลระบบ
ต่าง ๆ ในส่วนน้มี เี จ้าหนา้ ทีผ่ ูด้ ูแลอยู่ 4 สว่ น คือ

1) ผดู้ ูแลระบบการฝากเงนิ
2) ผ้ดู แู ลระบบการถอนเงิน
3) ผู้ดูแลระบบตรวจสอบยอดเงนิ
4) ผดู้ แู ลระบบแก้ไขขอ้ มูล

ภาพที่ 16 แสดงหน้าสว่ นของหนา้ ตดิ ต่อเจา้ หน้าท่ี

82
4.2 เมือ่ ผใู้ ชค้ ลกิ เมนตู ิดตอ่ เจ้าหน้าทผี่ ดู้ ูแลระบบการฝากเงิน แอปพลิเคชันก็จะทําการแสดง
ข้อมูลเจ้าหนา้ ทผ่ี ้ดู ูแลระบบการฝากเงิน

ภาพที่ 17 แสดงหน้าสว่ นของหน้าขอ้ มลู เจ้าหนา้ ทผ่ี ดู้ แู ลระบบการฝากเงิน
4.3 เม่ือผู้ใช้คลิกเมนูติดต่อเจ้าหน้าท่ีผู้ดูแลระบบการถอน แอปพลิเคชันก็จะทําการแสดง
ข้อมลู เจ้าหน้าทผี่ ูด้ แู ลระบบการถอนเงนิ

ภาพที่ 18 แสดงหนา้ สว่ นของหน้าขอ้ มูลเจ้าหนา้ ที่ผู้ดแู ลระบบการถอนเงนิ

83
4.4 เมื่อผใู้ ชค้ ลกิ เมนตู ิดตอ่ เจา้ หนา้ ท่ีผู้ดูแลระบบตรวจสอบยอดเงิน แอปพลิเคชันก็จะทําการ
แสดงข้อมูลเจา้ หนา้ ท่ผี ู้ดูแลระบบตรวจสอบยอดเงนิ

ภาพท่ี 19 แสดงหน้าสว่ นของหนา้ ข้อมูลเจ้าหน้าที่ผู้ดูแลระบบตรวจสอบยอดเงนิ
4.5 เมอ่ื ผใู้ ช้คลิกเมนตู ิดต่อเจ้าหน้าท่ีผู้ดูแลระบบแก้ไขข้อมูล แอปพลิเคชันก็จะทําการแสดง
ขอ้ มูลเจา้ หน้าท่ีผดู้ แู ลระบบแกไ้ ขข้อมูล

ภาพท่ี 20 แสดงหนา้ สว่ นของหนา้ ขอ้ มลู เจ้าหนา้ ทผ่ี ู้ดแู ลระบบแกไ้ ขข้อมลู

84

5. เวบ็ ไซต์หนา้ เข้าแสดงขอ้ มูล ในส่วนของผดู้ ูแลระบบ

5.1 เริ่มการใช้งานแอปพลิเคชันธนาคารโรงเรียนผ่าน GLIDE APP โดยข้อมูลหลัก จะถูก
สรา้ งไวใ้ น GOOGLE SHEET ในส่วนนจ้ี ะประกอบด้วย 3 ส่วน ดังน้ี

1) หน้าเพ่มิ ข้อมูลผดู้ แู ลระบบ
2) หนา้ แกไ้ ขขอ้ มูลผดู้ แู ลระบบ
3) หนา้ ลบขอ้ มลู ผ้ดู ูแลระบบ

ภาพที่ 21 แสดงหนา้ ขอ้ มูลผดู้ ูแลระบบ
จากภาพที่ 21 ในสว่ นน้หี ากตอ้ งการแกไ้ ขข้อมลู ผู้ดูแลระบบสามารถเพิ่มข้อมูล แกไ้ ขขอ้ มูล
และลบข้อมูลของผู้ดูแลระบบได้

85
5.2 เม่ือต้องการตรวจสอบยอดคงเหลือของผู้ใช้งานระบบให้คลิกท่ี SHEET รายช่ือ จะ
แสดงจํานวนยอดคงเหลือ ณ ปจั จุบัน

ภาพที่ 22 แสดงหนา้ ข้อมูลยอดคงเหลอื ของผ้ใู ช้งานระบบ

86

6. เว็บไซตห์ นา้ เข้าแสดงขอ้ มลู ในส่วนของผใู้ ช้งานระบบ

6.1 เร่ิมการใช้งานแอปพลิเคชันธนาคารโรงเรียนผ่าน GLIDE APP โดยข้อมูลหลัก จะถูก
สรา้ งไวใ้ น GOOGLE SHEET ในส่วนน้ีจะประกอบด้วย 3 ส่วน ดงั นี้

1) หน้าเพม่ิ ข้อมลู ผู้ใช้งานระบบ
2) หน้าแกไ้ ขข้อมลู ผใู้ ชง้ านระบบ
3) หนา้ ลบขอ้ มูลผู้ใช้งานระบบ

ภาพที่ 23 แสดงหนา้ ขอ้ มลู ผู้ใช้งานระบบ
จากภาพท่ี 23 หากตอ้ งการแกไ้ ขข้อมูลผใู้ ช้งานระบบสามารถแก้ไขข้อมูล เพ่ิมข้อมูลและลบ
ข้อมูลได้

87
6.2 เร่ิมการใช้งานแอปพลิเคชันธนาคารโรงเรียนผ่าน GLIDE APP โดยข้อมูลหลัก จะถูก
สรา้ งไวใ้ น GOOGLE SHEET ในสว่ นนี้จะประกอบดว้ ย 5 สว่ น ดงั นี้

1) วันที่/เวลา การทํารายการ
2) ข้อมลู การฝากเงนิ
3) ข้อมูลการถอนเงิน
4) ข้อมลู ยอดคงเหลือ
5) ขอ้ มูลยอดยกไป

ภาพท่ี 24 แสดงหน้าข้อมูลการฝากเงิน ถอนเงนิ ของผ้ใู ช้งานระบบรายบคุ คล
จากภาพที่ 24 หากต้องการแกไ้ ขข้อมูลผูใ้ ช้งานระบบสามารถแก้ไขข้อมูล เพ่ิมข้อมูล และลบ
ขอ้ มูลได้

88

ประวัตผิ ูจ้ ัดทาโครงงาน

ผู้จัดทาํ : นางสาวนาดา และไหม
วันเดือนปเี กดิ : วันที่ 23 เดอื น พฤศจกิ ายน พ.ศ.2533
ภูมลิ ําเนา : บ้านเลขที่ 9/2 หมู่ 2 ต.สงิ โตทอง อ.บางน้ําเปร้ยี ว จ.ฉะเชงิ เทรา 24150
ประวัตกิ ารศกึ ษา : มัธยมศกึ ษาตอนตน้ : โรงเรยี นนาคนาวาอปุ ถัมภ์
มธั ยมศกึ ษาตอนปลาย : โรงเรียนมัธยมนาคนาวาอุปถมั ภ์
เบอรโ์ ทรศพั ท์ หลักสูตรประกาศนียบัตรวชิ าชพี ช้นั สงู สาขาวชิ าคอมพวิ เตอร์ :
E-mail โรงเรยี นศาสนบรหิ ารธรุ กิจ
คณะบริหารธรุ กิจ (คอมพวิ เตอรธ์ รุ กิจ มหาวทิ ยาลยั กรงุ เทพธนบุรี)
: 0982871229
: [email protected]

89

ประวตั ิผจู้ ัดทาโครงงาน

ผจู้ ดั ทาํ : นางสาวอารียา มังคลงั
วันเดือนปเี กิด : วันท่ี 9 เดอื น ตุลาคม พ.ศ.2540
ภมู ลิ าํ เนา : บ้านเลขที่ 8/2 หมู่ 5 ต.หมอนทอง อ.บางนํา้ เปร้ียว จ.ฉะเชิงเทรา 24150
ประวตั ิการศกึ ษา : มัธยมศกึ ษาตอนตน้ : โรงเรยี นหมอนทองวิทยา มัธยมศกึ ษาตอนปลาย :
โรงเรยี นหมอนทองวิทยา หลกั สูตรประกาศนียบัตรวิชาชีพชัน้ สูง
เบอรโ์ ทรศพั ท์ สาขาวิชาคอมพิวเตอร์ : โรงเรยี นศาสนบรหิ ารธุรกจิ
E-mail : คณะบริหารธรุ กิจ (คอมพวิ เตอร์ธุรกิจ มหาวทิ ยาลัยกรุงเทพธนบรุ ี)
: 0968282302
: [email protected]

90

ประวัตผิ ู้จดั ทาโครงงาน

ผูจ้ ดั ทํา : นางสาวมุกดา ตะแปลกาเซม็
วันเดือนปีเกิด : วนั ที่ 7 เดือน พฤษภาคม พ.ศ.2541
ภมู ิลําเนา : บ้านเลขที่ 46 หมู่ 11 ต.บางนํา้ เปร้ียว อ.บางนํ้าเปรย้ี ว จ.ฉะเชงิ เทรา
ประวัติการศึกษา 24150
: มธั ยมศกึ ษาตอนต้น : โรงเรียนสุเหรา่ แคราย
เบอรโ์ ทรศัพท์ มัธยมศึกษาตอนปลาย : โรงเรียนหมอนทองวิทยา
E-mail หลกั สตู รประกาศนยี บตั รวชิ าชพี ชั้นสูง สาขาวชิ าคอมพวิ เตอร์ : วทิ ยาลยั
อาชวี ะศกึ ษากรงุ เทพธุรกิจ
คณะบรหิ ารธุรกจิ (คอมพิวเตอรธ์ รุ กิจ มหาวทิ ยาลัยกรงุ เทพธนบุรี)
: 0643964841
: [email protected]

91

ประวัติผู้จัดทาโครงงาน

ผจู้ ดั ทํา : นายจิรายสุ ชัยมูล
วนั เดอื นปเี กดิ : วันที่ 8 เดือน ธันวาคม พ.ศ.2529
ทีอ่ ยู่ : บา้ นเลขท่ี 56 หมู่ 5 ต.หมอนทอง อ.บางน้ําเปรี้ยว จ.ฉะเชิงเทรา 24150
ประวัติการศึกษา : มธั ยมศกึ ษาตอนต้น : โรงเรยี นบา้ นแซรสะโบว
หลกั ระดบั ประกาศนียบตั รวิชาชีพ สาขาสัตวศาสตร์ : วทิ ยาลยั เกษตร
เบอรโ์ ทรศัพท์ และเทคโนโลยศี รีสะเกษ
E-mail สตู รประกาศนียบตั รวชิ าชีพช้นั สูง สาขาอุตสาหกรรมเกษตร : วิทยาลัย
เกษตรและเทคโนโลยศี รีสะเกษ
คณะบรหิ ารธุรกิจ (คอมพวิ เตอร์ธรุ กิจ มหาวทิ ยาลัยกรงุ เทพธนบรุ )ี
: 0626891970
: [email protected]