บทท 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

รายการ

คนหา 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 เพมผดแลระบบ