Embed Size (px)
Citation preview
ภาคผนวก
42
ภาคผนวก
คาอธบายเกยวกบ Work Flow Diagram และ Use case diagram
ก.1 Work Flow Diagram
ผงงาน (Flowchart) คอ รปภาพ (Image) หรอสญลกษณ(Symbol) ทใชเขยนแทนขนตอน
คาอธบาย ขอความ หรอคาพด ทใชในอลกอรทม (Algorithm) เพราะการนาเสนอขนตอนของงาน
ใหเขาใจตรงกน ระหวางผเกยวของ ดวยคาพด หรอขอความทาไดยากกวา0 ผงงาน0 เปนเครองมอ
แสดงขนตอน หรอกระบวนการทางาน โดยใชสญลกษณทเปนมาตรฐานเดยวกน ซงในสญลกษณ
จะมขอความสน ๆ อธบายขอมลทตองใช ผลลพธ หรอคาสงประมวลผลของขนตอนนน ๆ และ
เชอมโยงขนตอนเหลานนดวยเสนทมลกศรชทศทางการทางานตงแตเรมตนจนจบกระบวนการ
ผงงานแบงได 2 ประเภท0 คอ ผงงานระบบ (System Flowchart) และ0ผงงานโปรแกรม (Program
Flowchart) ผงงานระบบ (System Flowchart) คอ ผงงานทแสดงขนตอนการทางานในระบบอยาง
กวาง ๆ แตไมเจาะลงในระบบงานยอย0 ผงงานโปรแกรม (Program Flowchart) คอ ผงงานทแสดงถง
ขนตอนในการทางานของโปรแกรม ตงแตรบขอมล คานวณ จนถงแสดงผลลพธ0
1. การโปรแกรมแบบมโครงสราง หรอ การโปรแกรมโครงสราง ประกอบดวย การทางาน
แบบตามลาดบ(Sequence) การเลอกกระทาตามเงอนไข(Decision) และ การทาซ า(Loop) แมตารา
หลาย ๆ เลมจะบอกวา decision แยกเปน if กบ case หรอ loop นนยงแยกเปน while และ until ซง
แตกตางกน แตผมกยงนบวาการเขยนโปรแกรม แบบมโครงสรางนน มองใหออกแค 3 อยางก
พอแลว และหลายทานอาจเถยงผมวาบางภาษาไมจาเปนตองใช Structure Programming แตเทาทผม
ศกษามา ยงไมมภาษาใด เลกใชหลกการทง 3 นอยางสนเชง เชน MS Access ทหลายคนบอกวางาย
ซงกอาจจะงายจรง ถาจะศกษาเพอสงใหทางานตาม wizard หรอตามทเขาออกแบบมาใหใช แตถา
จะนามาใชงานจรง ตามความตองการของผใชแลว ตองใชประสบการณในการเขยน Structure
Programming เพอสราง Module สาหรบควบคม Object ทงหมดใหทางานประสานกน
1.1การทางานแบบตามลาดบ(Sequence)
รปแบบการเขยนโปรแกรมทงายทสดคอ เขยนใหทางานจากบนลงลาง เขยนคาสงเปนบรรทด และ
ทาทละบรรทดจากบรรทดบนสดลงไปจนถงบรรทดลางสด สมมตใหมการทางาน 3 กระบวนการ
คออานขอมลคานวณและพมพ ดงรปภาพตวอยางตอไปน
43
รปท ก.1 การทางานแบบตามลาดบ(Sequence)
1.2การเลอกกระทาตามเงอนไข (Decision or Selection)
การตดสนใจ หรอเลอกเงอนไขคอ เขยนโปรแกรมเพอนาคาไปเลอกกระทา โดยปกตจะมเหตการณ
ใหทา 2 กระบวนการ คอเงอนไขเปนจรงจะกระทากระบวนการหนง และเปนเทจจะกระทาอก
กระบวนการหนง แตถาซบซอนมากขน จะตองใชเงอนไขหลายชน เชนการตดเกรดนกศกษา เปน
ตน ตวอยางผงงานน จะแสดงผลการเลอกอยางงาย เพอกระทากระบวนการเพยงกระบวนการเดยว
ดงรปภาพตวอยางตอไปน
รปท ก.2 การเลอกกระทาตามเงอนไข (Decision or Selection)
1.3การทาซ า (Repeation or Loop)
การทากระบวนการหนงหลายครง โดยมเงอนไขในการควบคม หมายถงการทาซ าเปนหลกการททา
ความเขาใจไดยากกวา 2 รปแบบแรก เพราะการเขยนโปรแกรมแตละภาษา จะไมแสดงภาพอยาง
ชดเจนเหมอนการเขยนผงงาน ผเขยนโปรแกรมตองจนตนาการดวยตนเองดงรปภาพตวอยาง
ตอไปน
44
รปท ก.3 การทาซ า (Repeation or Loop)
2. สญลกษณ Flowchart คาวา Flowchart มกนาไปใชในทางโปรแกรม กลาวคอสาหรบคน
ทศกษาเกยวกบการเขยนโปรแกรม กอนอนจะตองเขาใจ Flowchart กนเสยกอน วนนบลอก
สญลกษณของเรา เลยไดนาเสนอ สญลกษณตางๆ ทใชใน Flowchart แสดงกระบวนการทางาน
ตางๆ ความหมายตางๆ ของสญลกณใน Flowchart นนเอง วาสญลกษณแตละอนนนหมายความวา
อยางไรในทนขอนาเสนอในรปแบบ ภาพประกอบ
รปท ก.3 สญลกษณ (Flowchart)
45
2. Use case diagram
Use Case Diagram คอ แผนภาพทแสดงการทางานของผ ใชระบบ (User) และ
ความสมพนธกบระบบยอย (Sub systems) ภายในระบบใหญ ในการเขยน Use Case Diagram ผใช
ร ะ บ บ ( User) จ ะ ถ ก กา ห น ด ว า ใ ห เ ป น Actor แ ล ะ ร ะ บ บ ยอ ย ( Sub systems) ค อ Use
Case จดประสงคหลกของการเขยนUse Case Diagramกเพอเลาเรองราวทงหมดของระบบวามการ
ทางานอะไรบาง เปนการดง Requirement หรอเรองราวตาง ๆ ของระบบจากผใชงาน ซงถอวาเปน
จดเรมตนในการวเคราะหและออกแบบระบบ สญลกษณทใชใน Use Case Diagram จะใช
สญลกษณ รป คนแทน Actor ใชสญลกษณวงร แทน Use Case และใชเสน ตรงในกา ร
เชอม Actor กบ Use Case เพอแสดงการใชงานของ Use Case ของ Actor นอกจากน น Use
Case ทกๆ ตวจะตองอยภายในสเหลยมเดยวกนซงมชอของระบบระบอยดวย
1. วตถประสงคของ0 Use Case Diagra
1.1อธบายเรองราวของ0 Problem Domain
1.2บอกสวนประกอบในระบบ
1.3บอกความสมพนธของสวนตางๆในระบบ
2. ประโยชนของ Use Case Diagram
2.1ชวยใหผพฒนาระบบสามารถแยกแยะกจกรรมทอาจเกดขนในระบบ
2.2เปน0 Diagram พนฐานทสามารถอธบายสงตางๆ ไดโดยใชรปภาพทไมซบซอน
2.3ทราบความสามารถของระบบ
2.4ทราบผใชงานในแตละสวนของระบบ
2.5งายตอการสอสารระหวางลกคาและผพฒนาระบบ
2.6ใชทดสอบระบบวาตรงตามความตองการของระบบหรอไม
2.7Use Case Diagram จะมประโยชนมากถาผเขยนมความเขาใจใน Problem Domain
46
3.สญลกษณ (Symbol)
รปท ก.4 สญลกษณ (Symbol)
47
ภาคผนวก ข
วธตดตงระบบ
ข.1 ขนตอนการตดตง AppServ
1.1 ดบเบลคลกไฟล 0 appserv-win32-2.5.9.exe ซ งจะแสดง Welcome to the
AppServ 2.5.100 Setup Wizard เพอทาการตดตง จะปรากฏหนาจอตามรปท ข.1
รปท ข.1 ขนตอนการตดตงโปรแกรม AppServ
48
2. เขาสขนตอนเงอนไขการใชงานโปรแกรม โดยโปรแกรม0 AppServ ไดแจกจายใน
รปแบบ0 GNU License หากผตดตง อานเงอนไขตางๆ เสรจสนแลว หากยอมรบ เงอนไขใหกด0 I
Agree เพอเขาสการตดตงในขนตอไป แตหากวาไมยอมรบเงอนไข ให กด0 Cancel เพอออกจากการ
ตดตงโปรแกรม0 AppServ ดงรปท ข.2
รปท ข.2 แสดงรายละเอยดเงอนไข GNU License
49
3. ขนตอนนเปนการเลอกปลายทางทตองการจะตดตง โดยคาเรมตนปลายทางทตดตงระบบ
จะตงคาเรมตนเปน0 C: AppServ อตโนมต หากตองการเปลยนปลายทางการตดตง ใหกด0 Browse
แลวเลอกปลายทางทตองการ ตามรปท ข.3 เมอเลอกปลายทางเสรจสน
รปท ข.3 เลอกปลายทางการตดตงโปรแกรม AppServ
50
4. เลอก Package Components ทตองการทจะตดต ง โดยคาเรมตนน นจะใหเลอกลง
ทก Package แตหากวาผใชงาน ตองการเลอกลงเฉพาะบาง Package กสามารถเลอกตามขอท
ตองการออก โดยรายละเอยดแตละ Package มดงน
- Apache HTTP Server คอ โปรแกรมททาหนาเปน Web Server
- MySQL Database คอ โปรแกรมททาหนาเปน Database Server
- PHP Hypertext Preprocessor คอ โปรแกรมททาหนาประมวลผลการทางานของ
ภาษา PHP
- PhpMyAdmin คอ โปรแกรมทใชในการบรหารจดการฐานขอมล MySQL ผาน
เวบไซต
รปท ข.4 เลอก0 Package Components ทตองการทจะตดตง
51
5. มาถงขนตอนกาหนดคา Config ของ Apache Web Server มอยดวยกน 5 สวน ตาม รปท
ข.5 คอ
- Server Name คอ ชองสาหรบปอนขอมลชอ Web Server ของทาน
เชน localhost
- Admin Email คอ ชองสาหรบปอนขอมล อเมลผดแลระบบ เชน [email protected]
รปท ข.5 กาหนดคา0 Config ของ0 Apache Web Server
52
6. ระบบจะเขาสหนาจอการ MySQL Server Configuration ซงประกอบไปดวย 3 สวน ดง
รปท ข.6 ดงนเลย
- Enter Root Password ชองสาหรบปอน รหสผานการเขาใชงานฐานขอมล
ของ Root หรอ ผดแลระบบทกครงทเขาใช
- Re-enter root password ชองสาหรบปอน รหสผานการเขาใชงานฐานขอมลของ
ผดแลระบบ อกครงCharacter Sets and Collations ใชในการกาหนดคาระบบ
ภาษาทใชในการจดเกบฐานขอมล ระบบจะ กาหนดคาเรมตน เปน UTF-
8 Unicode
- Old Password Support (PHP MySQL API function.) เพอรองรบกบการเขา
รหสผานแบบเกา หากทานมปญหาเกยวกบการใชงาน PHPกบ MySQL
API เวอรชนเกา โดยเจอ Error Client does not support authentication protocol
requested by server; consider upgrading MySQL client ใหเลอกในสวนของ Old
Password Support (PHP MySQL API function.) เพอหลกเลยงปญหาน
- Enable InnoDB หากทานตองการใชงานฐานขอมลในรปแบบ InnoDB ใหเลอก
ในสวนนดวย (InnoDB Database Engine เปน Database Engine หนง
ของ MySQL)
รปท ข.6 กาหนดคา0 Config ของ0 MySQL Server
53
7. ใหทาการกรอกขอมลทชองขอมลดงกลาว แลวใหกด0 Install ระบบจะแสดง ดงรปท ข.7
แสดงการ Appserv being installed
รปท ข.7 Appserv being installed
54
8. ปรแกรม AppServ จะทาการตดต ง ใหเรารอจนกวาจะข นหนาจอ AppServ 2.5.9
Completing the AppServ 2.5.9Setup Wizard ดงรปท ข.8 ซงแสดงวาเราไดดาเนนการ ตดต ง
AppServ เรยบรอยแลว ซงจะมตวเลอกดงน
- Start Apache - เพอเรมโปรแกรม Apache
- Start MySQL - เพอเรมโปรแกรม MySQL
รปท ข.8 แสดงหนาจอขนตอนสนสดการตดตงโปรแกรม0 AppServ
55
ข.2 ขนตอนการตดตง นาฐานขอมล
1. ผใชสามารถทดสอบการทางานของโปรแกรม0 AppServ ไดโดยการเปดโปรแกรม0 Web
Browser แลวเรยกไปท0 localhost จะแสดงรายละเอยดดงภาพ
รปท ข.9 แสดงหนาจอหลกของ Appserv
56
2. ใหสรางฐานขอมลสาหรบการตดตง0 phpMyAdmin โดยการคลกไปท phpMyAdmin
Database Manager จากน นใหกรอก User name และ0 Password ซง0 Username จะเปน root และ
password คอ0 1234 ตามทไดตงไวตอนตดตง
รปท ข.10 แสดงหนาจอการเขาส phpMyAdmin
57
3. จากนนจะเขาสหนาจอหลกของ phpMyAdmin ผใชสามารถทาการสรางฐานขอมลโดย
พมพชอฐานขอมล purchasing ในชอง สรางฐานขอมลใหม โดยการคลก สราง
รปท ข.11 แสดงหนาจอหลกของ phpMyAdmin
58
4. เมอเสรจการสรางฐานขอมลกทาการสรางขอมลทตองการไดในทนท แลวเมอทาการ
เสรจกจบการนาฐานขอมลเขา
รปท ข.12 เสรจสนการนาเขาฐานขอมล
