siam universityresearch-system.siam.edu/.../2559_project/05_ch3.pdf · author: namfon created date:...

บทท 3 การออกแบบและพฒนาโปรแกรม

การศกษาขอมลเบองตน

จากการทคณะผจดท าไดศกษาและวเคราะหระบบแจงพบของหายภายในมหาวทยาลยสยาม บนระบบปฏบตการแอนดรอยดพบปญหาทเกดขนคอ

1. ปญหาดานการเดนทางไปยงอาคารตางๆ เนองจากมหาวทยาลยมการใชปายบอกสถานททคอนขางซบซอนและดยาก

2. ปญหาดานการคนหาขอมลอาจารย ขอมลทเกบเปนขอมลทไมมการปรบปรงแกไขและไมมการกรอกขอมลการตดตอของอาจารยบางทาน

3. ปญหาดานการแจงพบของหาย ไมมสวนกลางในการแจงพบของหายท าใหผทเปนเจาของมโอกาสไดของคนคอนขางยาก

การเกบรวบรวมขอมล

1. คณะผจ ดท าไดท าการเกบขอมลจากการสงเกตและสอบถามจากอาจารยภายในมหาวทยาลยสยาม จากการสมภาษณพบวา ทางมหาวทยาลยสยามมการจดเรยงอาคารทมความซบซอนซงไดมการจดปายบอกสถานทไวแตอยในจดทไมนาสนใจ

2. การเกบรวบรวมขอมลทางเวบไซตทเ กยวของกบระบบแจงพบของหายภายในมหาวทยาลยสยาม บนระบบปฏบตการแอนดรอยด เพอเปนแนวทางในพฒนาและออกแบบแอปพลชน

3. การเกบรวบรวมขอมลจากบทวจยทเกยวของเพอน าขอมลตางๆ มาชวยในการออกแบบและเขยนแอปพลเคชน

21

การวเคราะหระบบงาน

การวเคราะหระบบงานปจจบนท าใหคณะผจดท า พฒนาแอปพลเคชนเปนไปตามความตองการของผใชระบบ ซงจะท าใหแอปพลเคชนมประสทธภาพมากขน

ตารางท 3.1 แสดงรายละเอยดของระบบงานปจจบน

งาน/กจกรรม รายละเอยดของงาน/กจกรรม สงทเกยวของ ผรบผดชอบ 1. การหาทตงอาคาร ดแผนทจากปายบอกสถานทและ

หนงสอคมอนกศกษา ปายบอกสถานท, หนงสอคมอ

ผใช

2. การคนหาขอมลอาจารย

การคนหาขอมลจากเวบไซตของมหาวทยาลย

เวบไซต ผดแลระบบ

3.การแจงพบของหาย ฝากไวกบอาจารยหรอตามหาเจาของเอง

สงของทพบ ผใช

ตารางท 3.2 แสดงสภาพปญหาทเกดจากระบบงานในปจจบน

งาน/กจกรรม ปญหา ความตองการ 1. การหาทตงอาคาร ปายบอกสถานทททางมหาวทยาลยจด

ไวไมอยในจดทสนใจ สามารถดแผนทไดทนททตองการ

2. การคนหาขอมลอาจารย

เวบไซตไมมกรอกขอมลอาจารยทครบถวน และไมมการปรบปรงขอมลใหเปนปจจบน

สามารถคนหาหองพกอาจารยไดทนท

3.การแจงพบของหาย ไมทราบวาตองแจงทไหน สามารถแจงไดทนท

22

แผนผงการท างานของระบบงานปจจบน

�

ภาพท 3.1 แผนผงการคนหาขอมลอาจารย

23

การออกแบบและพฒนาโปรแกรม

1. การออกแบบสวนขอมลน าเขา - สวนแอปพลเคชนบนสมารตโฟน

ภาพท 3.2 หนาจอหลก

หนาจอแสดงไอคอนหลกส าหรบคลกเพอไปยงหนาตางๆ ของแอปพลเคชน

24

ภาพท 3.3 หนาจอแสดงขอมลแผนทอาคาร

หนาจอแสดงขอมลแผนทของมหาวทยาลยสยาม โดยมการปกหมดตามอาคารตางๆ โดยใช Google Map และสามารถกดดขอมลของอาคารไดโดยคลกทหมดของแตละอาคารทตองการดขอมลและระบบจะท าการดงขอมลจากฐานขอมลออกมาแสดง

25

ภาพท 3.4 หนาจอแสดงขอมลอาคาร

หนาจอแสดงขอมลอาคาร โดยระบบจะท าการแสดงขอมลอาคารตามทผใชเลอก จะแสดงขอมลทมในฐานขอมล เชน อาคาร(เลขอาคาร) ชออาคาร จ านวนชน และจดสงเกตทสามารถมองเหนงายท าใหเดนทางไปยงอาคารนนถก

26

ภาพท 3.5 หนาจอคนหาขอมลอาจารย

หนาจอคนหาขอมลอาจารย โดยท าการพมพชออาจารยลงในชองคนหา ระบบจะท าการตรวจสอบค าทผใชพมพแลวน าไปตรวจสอบกบฐานขอมลเพอแสดงขอมลอาจารยทมอยในฐานขอมล และสามารถคลกดรายละเอยดอาจารยได

27

ภาพท 3.6 หนาจอแสดงขอมลอาจารย

หนาจอแสดงขอมลอาจารย จะแสดงขอมลอาจารยทมอยในฐานขอมลตามทผใชเลอก เชน ชอจรง นามสกล สงกดคณะ และหองพกของอาจารย

28

ภาพท 3.7 หนาจอสรางกระทแจงพบของหาย

หนาจอสรางกระทแจงพบของหาย เปนหนาทกรอกรายละเอยดขอมลเมอผใชตองการสรางกระทการพบของหาย โดยตองกรอกขอมลดงน ชอกระทเพอโชวทหนาขาวของหาย รายละเอยดของทพบ อาคารทพบ รหสนกศกษาของผใชทตองการตงกระท และแนบรปถายของทพบ โดยขอมลดงกลาวจะถกเกบในฐานขอมล

29

ภาพท 3.8 หนาจอขาวของหาย

หนาจอขาวของหาย จะแสดงขอมลกระท ของหายทงหมดทมในฐานขอมล ซงจะแสดงชอกระทและอาคาร สามารถคลกเพอดรายละเอยดของกระทได

30

ภาพท 3.9 หนาจอแสดงรายละเอยดกระท

หนาจอแสดงรายละเอยดกระท จะดงขอมลจากฐานขอมลเพอแสดงรายละเอยดเกยวกบการพบของหาย เพองายส าหรบผทตามหาของ โดยจะแสดงชอกระทและสถานะของกระทดานบน อาคารทพบ รายละเอยดของทพบ รปถายของทพบ รหสของผต งกระท และวนทในการตงกระท

31

- สวนเวบไซตส าหรบการจดการขอมล

ภาพท 3.10 หนาจอเขาสระบบ

หนาจอเขาสระบบ เปนหนาจอส าหรบการเขาระบบของผดแลระบบโดยจะตองมการกรอกรหสประจ าตว และรหสผานใหตรงกบขอมลในฐานขอมลเพอเขาสหนาถดไป

32

ภาพท 3.11 หนาจอจดการขอมลอาคาร

หนาจอจดการขอมลอาคาร โดยมขอมลดงน หมายเลขอาคาร, จ านวนชน, ค าอธบายเกยวกบอาคาร, พกดลองจจด ละตจดส าหรบการปกหมดในแผนทและรปถายของอาคาร ซงในหนานสามารถเรยกดขอมลของ เพมขอมล ปรบปรงแกไขขอมลและลบขอมลได

33

ภาพท 3.12 หนาจอจดการขอมลหอง

หนาจอจดการขอมลหอง โดยมขอมลดงน หมายเลขอาคาร, ชน, หมายเลขหองและรหสหอง ซงสามารถเรยกดขอมลของ เพมขอมล ปรบปรงแกไขขอมลและลบขอมลได

34

ภาพท 3.13 หนาจอจดการขอมลบคลากร

หนาจอจดการขอมลบคลากร โดยมขอมลดงน รหสประจ าตว, รหสผาน, ชอ, นามสกล, คณะ, หองพก, ต าแหนง, สถานภาพและสทธการใชงาน ซงสามารถเรยกดขอมล เพมขอมล ปรบปรงแกไขขอมล และลบขอมลได

35

ภาพท 3.14 หนาจอจดการขอมลกระท

หนาจอจดการขอมลกระท โดยมขอมลดงน เลขกระท, ชอกระท, สถานะของกระท, วนเวลาทสราง, รายละเอยดของกระท, อาคารทพบ, ผสรางกระทและจ านวนครงทถกรายงานเกยวกบการเปดกระทปดกระท ซงสามารถเรยกดขอมล สามารถแกไขชอและปรบแกสถานะของกระท

36

ภาพท 3.15 หนาจอจดการขอมลคณะ

หนาจอจดการขอมลคณะ โดยมขอมลดงน รหสคณะและชอคณะ ซงสามารถเรยกดขอมล เพมขอมล ปรบปรงแกไขขอมลและลบขอมลได

37

ภาพท 3.16 หนาจอจดการขอมลสถานะ

หนาจอจดการขอมลสถานะ โดยมขอมลดงน รหสสถานะ ค าอธบาย ประเภท ในหนานจะจดการขอมลสถานะทงกระทและบคลากร ซงสามารถเรยกดขอมล เพมขอมล ปรบปรงแกไขขอมลและลบขอมลได

38

ภาพท 3.17 หนาจอจดการขอมลต าแหนง

หนาจอจดการขอมลต าแหนง โดยมขอมลดงน รหสต าแหนง ค าอธบาย ซงสามารถเรยกดขอมล เพมขอมล ปรบปรงแกไขขอมลและลบขอมลได

39

ภาพท 3.18 หนาจอจดการขอมลสวนตว

หนาจอจดการขอมลสวนตว สามารถแกไขขอมลสวนตว และสามารถแกไขรหสผานโดยจะตองมการกรอกรหสผานเกาเพอตรวจสอบดจากฐานขอมลวาตรงกนหรอไม ถาขอมลตรงกนจะสามารถเปลยนรหสผานใหมได

40

2. การออกแบบสวนผลลพธ

ภาพท 3.19 หนาจอรายงานสรปยอดแจงพบของหาย

41

3. การออกแบบฐานขอมล

ภาพท 3.20 การแสดงความสมพนธของขอมล

42

ตารางท 3.3 รายการตารางขอมล

ชอตาราง ค าอธบาย tblBuilding ตารางอาคาร tblFaculty ตารางคณะ tblDepartment ตารางภาควชา tblPermission ตารางสทธการใชงาน tblPosition ตารางต าแหนง tblRoom ตารางหอง tblStatus ตารางสถานะ tblTopic ตารางกระท tblUser ตารางผใช

43

4. การพฒนาโปรแกรม 4.1 การออกแบบฐานขอมลโดยใชโปรแกรม Microsoft SQL Server 2008 R2

ภาพท 3.21 การออกแบบฐานขอมล

44

4.2 การออกแบบสวนตดตอกบผใช 4.2.1 การออกแบบสวนตดตอกบผใช โดยใชโปรแกรม Android Studio 1.5.1

ภาพท 3.22 การออกแบบสวนตดตอกบผใชระบบ บนระบบปฏบตการแอนดรอยด

45

4.2.2 การออกแบบสวนตดตอกบผใช โดยใชโปรแกรม Microsoft Visual Studio 2013 Professional Version

ภาพท 3.23 การออกแบบสวนตดตอกบผใชระบบ บนเวบไซต

46

4.3 การเขยนโปรแกรมตดตอกบฐานขอมลดวยภาษา C#

ภาพท 3.24 แสดงการเขยนโปรแกรมเพอใชตดตอกบฐานขอมล