การออกแบบทางกายภาพresearch-system.siam.edu/images/coop/intra... ·...
TRANSCRIPT
บทท 4 การออกแบบทางกายภาพ
4.1. การออกแบบฐานขอมล
การออกแบบฐานขอมล (Database Design) เปนวธการสรางฐานขอมลในลกษณะรปแบบ
เชงสมพนธ (Relational Database Design) ลกษณะการออกแบบฐานขอมลเปนการจดการขอมล
ตางๆใหอยในรปของตาราง โดยใชโปรแกรม Appserv ในการเกบขอมลลง ฐานขอมล รายละเอยด
ของตารางขอมลมดงน
ตารางท 4.1 แสดงขอมลในตาราง album
Relation
Attribute Name
Data Type
PK
Description
album album_id int(11) Yes ล าดบของอลบมภาพ user_id int(6) ล าดบของผใช album_titel vatchar(100) ชออลบมภาพ album_detail text รายละเอยดของอลบมภาพ album_postdate varchar(25) วนทโพสอลบมภาพ album_publish char(1) เงอนไขการเผยแพรอลบมภาพ album_picture varchar(30) รปภาพในอลบมภาพ
ตารางท 4.2 แสดงขอมลในตาราง album_picture
Relation
Attribute Name
Data Type
PK
Description
album_picture pic_id int(11) Yes ล าดบของรปภาพ album_id int(11) FK1 ล าดบของอลบมภาพ pic_file vatchar(50) ชอของรปภาพ pic_detail vatchar(200) รายละเอยดของรปภาพ
23
ตารางท 4.3 แสดงขอมลในตาราง car
Relation
Attribute Name
Data Type
PK
Description
car car_id int(11) Yes ล าดบรถ cars_name varchar(50) ชอรถ car_category varchar(50) ประเภทของรถ register varchar(20) ทะเบยนรถ timestart time เวลาทเรมจองรถ timeend time เวลาสนสดการจองรถ datestart date วนทเรมการจองรถ dateend date วนทสนสดการจองรถ name varchar(50) ชอผจองรถ group varchar(50) แผนกของผจองรถ telephone varchar(10) เบอรโทรศพทของผจองรถ note varchar(100) หมายเหต การจองรถ carcategory_id varchar(20) FK1 ล าดบประเภทของรถ employee_id varchar(20) FK2 ล าดบพนกงาน
ตารางท 4.4 แสดงขอมลในตาราง car-name
Relation
Attribute Name
Data Type
PK
Description
car_name carsname_id int(11) Yes ล าดบของชอรถ cars_name varchar(50) FK1 ชอรถ
ตารางท 4.5 แสดงขอมลในตาราง car-category
Relation
Attribute Name
Data Type
PK
Description
car-category carcategory_id int(11) Yes ล าดบประเภทรถ car-category varchar(50) ประเภทของรถ carID varchar(50) เลขทประเภทรถ
24
ตารางท 4.6 แสดงขอมลในตาราง email
Relation
Attribute Name
Data Type
PK
Description
email email_id int(11) Yes ล าดบทอยอเมลบคลากร account varchar(100) บญชอเมลบคลากร groups varchar(100) แผนกเจาของบญชอเมล บคลากร name varchar(100) ชอเจาของบญชอเมลบคลากร
ตารางท 4.7 แสดงขอมลในตาราง news
Relation
Attribute Name
Data Type
PK
Description
news news_id int(11) Yes ล าดบขาวสาร user_id int(6) FK1 ล าดบชอผใช news_title varchar(100) หวขอขาวสาร news_abst text บทคดยอขาวสาร news_detail text รายละเอยดของขาวสาร news_postdate varchar(25) วนทประกาศขาวสาร news_publish char(1) เงอนไขการเผยแพรขาวสาร news_picture varchar(30) ภาพประกอบขาวสาร news_pinnig varchar(1) เงอนไขการปกหมดขาวสาร
ตารางท 4.8 แสดงขอมลในตาราง news_picture
Relation
Attribute Name
Data Type
PK
Description
news_picture pic_id int(11) Yes ล าดบของรปภาพ news_id ine(11) FK1 ล าดบขาวสาร pic_file varchar(50) ชอของรปภาพขาวสาร pic_detail varchar(200) รายละเอยดของรปภาพขาวสาร
25
ตารางท 4.9 แสดงขอมลในตาราง position
Relation
Attribute Name
Data Type
PK
Description
position position_id int(6) Yes ล าดบต าแหนงผใช position_name varchar(80) ชอของต าแหนงผใช
ตารางท 4.10 แสดงขอมลในตาราง room
Relation
Attribute Name
Data Type
PK
Description
room room_id int(5) Yes ล าดบหองประชม room varchar(10) ล าดบชอหองประชม timestart time เวลาทเรมจองหองประชม timeend time เวลาสนสดการจองหองประชม datestar date วนทเรมการจองหองประชม dateend date วนทสนสดการจองหองประชม name varchar(50) ชอผจองหองประชม groups varchar(20) แผนกของผจองหองประชม telephone varchar(10) เบอรโทรศพทผจองหองประชม note varchar(100) หมายเหต การจองหองประชม employee_id varchar(20) FK1 ล าดบพนกงาน
ตารางท 4.11 แสดงขอมลในตาราง room_name
Relation
Attribute Name
Data Type
PK
Description
room_name room_id int(5) Yes ล าดบหองประชม room_name varchar(10) FK1 ชอหองประชม
26
ตารางท 4.12 แสดงขอมลในตาราง tell
Relation
Attribute Name
Data Type
PK
Description
tell tell_id int(11) Yes ล าดบเบอรโทรศพท numbers varchar(10) เบอรโทรศพทบคลากร groups varchar(100) แผนกเจาของเบอรโทรศพท
บคลากร name varchar(100) ชอเจาของเบอรโทรศพทบคลากร
ตารางท 4.13 แสดงขอมลในตาราง user
Relation
Attribute Name
Data Type
PK
Description
user user_id int(11) Yes ล าดบชอผใช user_username varchar(10) ชอผใช user_password varchar(40) รหสผานการเขาสระบบของผใช user_email varchar(50) ทอยอเมล user_name varchar(25) ชอจรง user_sername varchar(50) นามสกล user_phone_num varchar(13) เบอรโทรศพท user_singup varchar(40) วนทท าการเพมผใช position_id int(6) FK1 ล าดบต าแหนงผใช
ตารางท 4.14 แสดงขอมลในตาราง register
Relation
Attribute Name
Data Type
PK
Description
car-category register _id int(11) Yes ล าดบทะเบยนรถ register_name varchar(50) ทะเบยนรถ ID varchar(50) เลขททะเบยนรถ
27
4.2. การออกแบบแผนผงของเวบไซต
ระบบประชาสมพนธภายในองคกร
User เขาสระบบ
หนาหลก
ขาวสาร
เลอกขาวสาร
คนหาขาวสาร
เบอรฯ / E-Mail
เบอรโทรศพท
รายการ
คนหาเบอรฯ
รายการ
คนหา E-mail
ภาพกจกรรม
เลอกอลบม
คนหาอลบม
จองหองประชม
ตรวจสอบปฏทน
จองหองฯ
จองหองรถ
ตรวจสอบปฏทน
จองรถ
ตดตอบรษท
Super Administrator
จดการสมาชก
เพมสมาชก
จดการสมาชก
แกไขขอมล
ลบสมาชก
Administrator
จดการขาวสาร
เพมขาวสาร
จดการ
การเผยแพร
ปกหมด
ภาพประกอบ
แกไขขาวสาร
ลบขาวสาร
เบอรโทรศพท
เพมเบอรฯ
จดการเบอรฯ
แกไขเบอรฯ
ลบเบอรฯ
ทอยอเมล
เพม E-Mail
จดการ E-Mail
แกไข E-Mail
ลบ E-Mail
อลบมภาพ
จดการอลบม
เพมอลบม
แกไขอลบม
ลบอลบม
รปท 4.1 การออกแบบผงเวบไซต
28
4.3. รายละเอยดของโครงงาน 4.3.1 ส าหรบผดแลเวบ (Administrator)
ตารางท 4.15 รายการพรอมค าอธบายงานทงหมด (ส าหรบผดแลเวบ)
ล าดบ รายการ ค าอธบาย 1. login.php หนาเขาสระบบ 2. menuManNews2.php หนาหลกจดการขาวสาร
3. adminAddNews.php หนาเพมขาวสาร 4. adminManNews.php หนาจดการขาวสาร 5. adminManNewsPic.php หนาจดการรปภาพในขาวสาร 6. editNews.php หนาแกไขรายละเอยดขาวสาร 7. deleteNews.php หนาลบขอมลขาวสาร 8. news_pinning.php หนาเลอกการปกหมดขาวสาร 9. publish.php หนาเลอกการเผยแพรขาวสาร
10. menuTell.php หนาหลกจดการเบอรโทรศพทบคลากรภายใน 11. adminAddTell.php หนาเพมเบอรโทรศพทบคลากรภายใน 12. adminManTell.php หนาจดการเบอรโทรศพทบคลากรภายใน 13. editTell.php หนาแกไขเบอรโทรศพทบคลากรภายใน 14. deleteTell.php หนาลบขอมลเบอรโทรศพทบคลากรภายใน 15. menuEmail.php หนาหลกจดการเบอรโทรศพทบคลากรภายใน 16. adminAddEmail.php หนาเพมเบอรโทรศพทบคลากรภายใน 17. adminManEmaill.php หนาจดการเบอรโทรศพทบคลากรภายใน 18. editEmail.php หนาแกไขเบอรโทรศพทบคลากรภายใน 19. deleteEmail.php หนาลบขอมลเบอรโทรศพทบคลากรภายใน 20. menuManAlbum.php หนาหลกจดการเบอรโทรศพทบคลากรภายใน 21. adminAddAlbum.php หนาเพมอลบมภาพกจกรรม 22. adminManAlbum.php หนาจดการอลบมภาพกจกรรม 23. adminManAlbumPic.php หนาแกไขรปภาพในอลบมภาพกจกรรม 24. deletealbum.php หนาลบอลบมภาพกจกรรม 25 editAlbum.php หนาแกไขรายละเอยดในอลบมภาพกจกรรม 26. logout.php หนาออกจากระบบ
29
4.3.2 ส าหรบผดแลระบบ (Super Administrator) ตารางท 4.16 รายการพรอมค าอธบายงานทงหมด (ผดแลระบบ)
ล าดบ รายการ ค าอธบาย 1. login.php หนาเขาสระบบ 2. menuManMember.php หนาหลกจดการผดแลเวบ 3. adminAddMember.php หนาเพมผดแลเวบ 4. adminManMember.php หนาจดการผดแลเวบ 5. editEmail.php หนาแกไขผดแลเวบ 6. deleteEmail.php หนาลบผดแลเวบ 7. logout.php หนาออกจากระบบ
30
4.3.3 ส าหรบผใชงาน (User) ตารางท 4.17 รายการพรอมค าอธบายงานทงหมด (ผใชงาน)
ล าดบ รายการ ค าอธบาย 1. index.php หนาหลกเมอเขาสหนาเวบ 2. allNews.php หนาขาวสารทงหมด 3. menuViewNews.php หนาดขาวสารทเลอกชม 4. news_search.php หนาคนหาขาวสาร 5. alltellemail.php หนาตวเลอกเบอรโทรศพทและทอยอเมลบคลากร
ภายใน 6. tellephone.php หนารายชอเบอรโทรศพทบคลากรภายในทงหมด 7. email.php หนารายชออเมลบคลากรภายในทงหมด 8. allAlbum.php หนาอลบมภาพกจกรรมทงหมด 9. album_search.php หนาคนหาอลบมภาพกจกรรม
10. allRoom.php หนาหลกการจองหองประชม 11. showcalendar1.php หนาแสดงขอมลปฏทนการจองหองประชม 12. room.php หนาจองหองประชม 13. check.php หนาตรวจสอบการจองหองประชม 14. showcalendar2.php หนาแสดงขอมลปฏทนการจองรถ 15. cars.php หนาจองรถ 16. checkcar.php หนาตรวจสอบการจองรถ 17. IsMe.php หนาขอมลตดตอบรษท
31
4.4. รายละเอยดของ Window Application
4.4.1 User
4.4.1.1 เมอผใชเขาสระบบจะพบกบหนาหลกของระบบ ทผใชสามารถเลอกเมน
ไดตามตองการ ดงตวอยางรปท 4.2
รปท 4.2 หนาหลกของระบบ
32
4.4.1.2 ผใชเลอกเมน ขาวสาร ในหนานจะมขาวสารตางๆ ใหผใชเลอกชมตาม
ตองการ โดยขาวสารทอพเดทใหมจะอยขางบน ดงตวอยางรปท 4.3
รปท 4.3 เมนขาวสาร
4.4.1.3 เมอผใชเลอกขาวสารเพอดรายละเอยดของขาวสาร ซงในหนานสามารถ
คนหาขาวสารอนๆ ไดอกดวย ดงตวอยางรปท 4.4
รปท 4.4 รายละเอยดขาวสาร
33
4.4.1.4 ผลของการคนหาขาวสาร เมอพมพค าทตองการกจะปรากฏขาวสารทมค า
นนๆ ขนมา เพอสะดวกกบการใชงานของผใช ดงตวอยาง รปท 4.5
รปท 4.5 ผลการคนหาขาวสาร
4.4.1.5 เมอผใชเลอกหนาเมน เบอรตดตอ / E-mail ระบบกจะปรากฏไอคอนมาให
เลอกวาผใชตองการเลอกเมนใด ดงตวอยางรปท 4.6
รปท 4.6 เมนเบอรตดตอ / E-mail
34
4.4.1.6 เมอผใชเลอกไอคอนเบอรโทรศพท ระบบกจะปรากฏรายการเบอร
โทรศพทของบคลากรภายในทงหมด ซงยงสามารถคนหาเบอรโทรศพทไดทงจากชอของ
บคลากรหรอแผนกทตองการตดตอ ดงตวอยางรปท 4.7
รปท 4.7 เมนเบอรโทรศพท
35
4.4.1.7 เมอผใชเลอกไอคอนอเมล ระบบกจะปรากฏรายการเบอรโทรศพทของ
บคลากรภายในทงหมด ซงยงสามารถคนหาทอยอเมลไดทงจากชอของบคลากรหรอแผนก
ทตองการตดตอ ดงตวอยางรปท 4.8
รปท 4.8 เมนทอยอเมล
36
4.4.1.8 ผใชเลอกเมนอลบมภาพกจกรรมในหนานจะมอลบมภาพตางๆ ใหผใช
เลอกชม โดยอลบมภาพทอพเดทใหมจะอยขางบน ดงตวอยางรปท 4.9
รปท 4.9 เมนอลบมภาพกจกรรม
4.4.1.9 ผลของการคนหาขาวสาร เมอพมพค าทตองการกจะปรากฏขาวสารทมค า
นนๆ ขนมา เพอสะดวกกบการใชงานของผใช ดงตวอยาง รปท 4.10
รปท 4.10 ผลการคนหาอลบมภาพกจกรรม
37
4.4.1.10 เมอผใชเลอกเมนการจองหองประชม ในหนานสามารถตรวจสอบขอมล
ปฏทนกอนจองได แลวจงท าการจองหองประชม ดงตวอยางรปท 4.11
ร
ปท 4.11 เมนตวเลอกการจองหองประชม
4.4.1.11 เมอผใชเลอกตรวจสอบปฏทนการจองหองประชม ระบบกจะปรากฏ
ปฏทนโดยแสดงวนททถกจองหองประชมแลว
รปท 4.12 แสดงขอมลปฏทนการจองหองประชม
38
4.4.1.12 เมอผใชเลอกการจองหองประชม ระบบจะแสดงตารางเพอใหผใชกรอก
รายละเอยดการจองตางๆ เชนชอหองประชม วนและเวลาทตองการจอง ชอผจอง เปนตน
ดงตวอยางรปท 4.13
รปท 4.13 การจองหองประชม
39
4.4.1.13 เมอผใชเลอกเมนการจองหองประชม ในหนานสามารถตรวจสอบขอมล
ปฏทนกอนจองได แลวจงท าการจองหองประชม ดงตวอยางรปท 4.14
รปท 4.14 เมนการจองรถ
40
4.4.1.14 เมอผใชเลอกตรวจสอบปฏทนการจองรถ ระบบกจะปรากฏปฏทนโดย
แสดงวนททถกจองรถแลว
รปท 4.15 แสดงขอมลปฏทนการจองรถ
41
4.4.1.15 เมอผใชเลอกการจองหองประชม ระบบจะแสดงตารางเพอใหผใชกรอก
รายละเอยดการจองตางๆ เชนชอหองประชม วนและเวลาทตองการจอง ชอผจอง เปนตน
ดงตวอยางรปท 4.16
รปท 4.16 การจองรถ
42
4.4.2 Administrator
4.4.1.1 เปนหนาเขาสระบบ ในตวอยางในรปท 4.17 จะเปนการเขาสระบบใน
สถานะ Administrator (ผดแลระบบ)
รปท 4.17 เขาสระบบสถานะ Administrator
4.4.1.12 เมอ Administrator เขาสระบบ โดย Administrator จะสามารถเลอกการ
แกไขเมนตางไดตามแกเหนสมควร ดงตวอยางรปท 4.18
รปท 4.18 หนาเมนเมอ Administrator เขาสระบบ
43
4.4.2.3 เมอผดแลระบบเลอกเมนจดการขาวสาร ผดแลระบบจะสามารถเลอกไดวา
จะท าการเพมขาวสารหรอจดการขาวสารในสวนอน ดงตวอยางรปท 4.19
รปท 4.19 หนาหลกในการจดการขาวสาร
4.4.2.4 เมอผดแลระบบเลอก เพมขาวสาร ในหนาเพมขาวสารนกจะแสดงตาราง
เพอใหผดแลระบบเพมรายละเอยดตางๆ เกยวกบขาวสารนนๆ ดงตวอยางรปท 4.20
รปท 4.20 หนาเมนเพมขาวสาร
44
4.4.2.5 เมอผดแลตองการแกไขขาวสาร ในเมนนจะใหมเลอกฟงกชนการแกไข
ตางๆ ดงในรปตวอยางท 4.21
รปท 4.21 หนาเมนการแกไขขาวสาร
4.4.2.6 เมอผดแลระบบเลอกเมนจดการเบอรโทรศพท ผดแลระบบจะสามารถ
เลอกไดวาจะท าการเพมเบอรโทรศพท หรอจดการเบอรโทรศพท ในสวนอน ดงตวอยาง
รปท 4.22
รปท 4.22 หนาหลกการจดการเบอรโทรศพท
45
4.4.2.7 เมอผดแลระบบเลอกเมนเพมเบอรโทรศพท ระบบจะแสดงตารางใหผดแล
ระบบกรอกรายละเอยดตางๆ เพอระบตวตนของเจาของเบอรโทรศพทนนๆ ดงรปตวอยาง
รปท 4.23
รปท 4.23 เมนเพมเบอรโทรศพทบคลากรภายใน
4.4.2.8 เมอผดแลระบบเลอกการแกเบอรโทรศพท ระบบจะแสดงเมนมาเพอให
ผดแลระบบท าการแกไขหรอลบเบอรโทรศพทนนๆ ได ดงรปตวอยางท 4.24
รปท 4.24 เมนแกไขเบอรโทรศพทบคลากรภายใน
46
4.4.2.9 เมอผดแลระบบเลอกเมนจดการทอยอเมล ผดแลระบบจะสามารถเลอกได
วาจะท าการเพมทอยอเมล หรอจดการทอยอเมล ในสวนอน ดงตวอยางรปท 4.25
รปท 4.25 หนาหลกจดการทอยอเมล
4.4.2.10 เมอผดแลระบบเลอกเมนเพมทอยอเมล ระบบจะแสดงตารางใหผดแล
ระบบกรอกรายละเอยดตางๆ เพอระบตวตนของเจาของทอยอเมล นนๆ ดงรปตวอยางรปท
4.26
รปท 4.26 เมนเพมทอยอเมลบคลากรภายใน
47
4.4.2.11 เมอผดแลระบบเลอกการแกเบอรโทรศพท ระบบจะแสดงเมนมาเพอให
ผดแลระบบท าการแกไขหรอลบเบอรโทรศพทนนๆ ได ดงรปตวอยางท 4.27
รปท 4.27 เมนแกไขทอยอเมลบคลากรภายใน
4.4.2.12 เมอผดแลระบบเลอกเมนจดการทอยอเมล ผดแลระบบจะสามารถเลอก
ไดวาจะท าการเพมทอยอเมล หรอจดการทอยอเมล ในสวนอน ดงตวอยางรปท 4.28
รปท 4.28 หนาหลกการจดการอลบมกจกรรม
48
4.4.2.13 เมอผดแลระบบเลอกเมนเพมทอยอเมล ระบบจะแสดงตารางใหผดแล
ระบบกรอกรายละเอยดตางๆ เพอระบตวตนของเจาของทอยอเมล นนๆ ดงรปตวอยางรปท
4.29
รปท 4.29 เมนเพมรปภาพในอลบมกจกรรม
49
4.4.2.14 เมอผดแลระบบเลอกการแกอลบมภาพกจกรรมระบบจะแสดงเมนมา
เพอใหผดแลระบบท าการแกไขหรอลบอลบมภาพกจกรรมนนๆ ได ดงรปตวอยางท 4.30
รปท 4.30 เมนแกไขอลบมภาพกจกรรม
4.4.2.15 เมอผดแลระบบเลอกการแกอลบมภาพกจกรรมระบบจะแสดงเมนมา
เพอใหผดแลระบบท าการแกไขหรอลบอลบมภาพกจกรรมนนๆ ได ดงรปตวอยางท 4.31
รปท 4.31 แกไขรปภาพตางๆ ในอลบมภาพกจกรรม
50
4.4.3 Super Administrator
4.4.3.1 เมอผดแลเวบไซตท าการเขาสระบบ จะแสดงการจดการขอมลสมาชก ซง
จะมผดแลเวบไซตเทานนทสามารถเขาถงในสวนนได ดงตวอยางรปท 4.32
รปท 4.32 การจดการขอมลสมาชก
4.4.3.2 เมอผดแลเวบไซตเลอกเมนเพมผดแลระบบ ระบบจะแสดงตารางใหกรอก
รายละเอยดตางๆ เกยวกบผดแลระบบทตองการเพม ดงตวอยางรปท 4.33
รปท 4.33 เพมผดแลระบบ