Page 18 - ชิ้นโครงงาน ซ้อม.pdf 1.52
P. 18

่
                                                                                                    ่ ้
                                                                                                                                                                                                          ็
                          1.4.4 ก�าหนดรายละเอียดให้กับโครงสร ้าง ซึงพิจารณาจากวัตถุประสงค์ทีตังไว้ โดย                                               1.6.3 ความเปนเอกลักษณ์ ( ldentity) ในการออกเเบบเวบไซต์ต้องค�านงถึงลักษณะ
                                                                                                                                                              ็
                                                                                                                                                                                                                        ึ
                                                                                                                                                                                                  ้
                                                                                                                                                            ่
             ้
                                                                                                                                                                     ็
                                                                                                                                                            ื
                                     ู
            ตังเกณฑ์ในการใช ้ เช่น ผ้ใช ้ควรท�าอะไรบ้าง จ�านวนหน้าควรมีเท่าใด มีการเขีอมโยงมากน้อยเพียง                            ขององค์การเปนหลัก  เนองจากเวบไซต์จะสะท้อนถึงเอกลักษณ์เเละลักษณะขององค์กร  การเลือก
                                                                                                                                                 ็
                                                                                                                                                                                             ็
                                                                                                                                                                                                    ็
            ใด                                                                                                                     ใช ้ตัวอักษรชุดสี รูปภาพหรือกราฟก จะส่งผลต่อรูปเเบบเวบไซต์เปนอย่างมาก
                                                                                                                                                                     ิ
                                                                  ่
                                                                                                                                                                                                                      ้
                                                                                                                                                         ้
                                                                                                                                                                                            ่
                                                                                                                                                                                                     ่
                                                                                                                                                         ื
                                                                                                                                                                                                                               ็
                                                                                                                                                                                                             ็
                                                                                                                                                                                                                      ื
                          1.4.5  สร ้างเวบไชด์แถ้วนาไปทดลองเพือหาชัอผิดพลาดและแก้ไขปรับปรุง  แล้วจึง                                              1.6.4 เนอหา (Useful Content) ถือเปนสิงส�าคัญทีสุดในเวบไซต์ เนอหาในเวบไซต์
                                                    �
                                                                                                                                                                                        ็
                                         ็
                                              ้
                                                                                                                                                                                                                                ้
            นาเข้าเครือข่ายอินเทอร ์เนดเปนขันสุดท้าย                                                                               ต้องสมบูรณ์เเละได้รับการปรับปรุงพัฒนาให้ทันสมัยอยูเสมอ ผ้พัฒนาต้องเตรียมข้อมลเเละเนอหา
                                                                                                                                                                                                                                ื
                                          ็
                                                                                                                                                                                                                        ู
                                                                                                                                                                                                  ู
             �
                                      ็
                                                                                                                                                                                          ่
                                                                                                                                                                                                   ้
                                                                                                                                    ่
                                                                                                                                                                                 ่
                                                                                                                                                                           ้
                                                                                                                                                                                         ่
                                                                                                                                                                                                                                ้
                                                                                                                                                                                                         ่
                                                                                                                                                                                                             ู
                                                                                                                                      ู
                                                                                                                                                                           ื
                                                                                                                                   ทีผ้ใช ้ต้องการให้ถูกต้องเเละสมบูรณ์  เนอหาทีส�าคัญทีสุด  คือเนอหาทีมีผ้พัฒนาสร ้างสรรค์ขึนมา
                                                                                                                                                                                                   ื
                                                                                                                                                 ้
                                                                                                                                                           ่
                      1.5 โดรงสร ้างของเวบไซด์ มีดังน ี ้                                                                          เองเเละไท่ไปซ�ากับเวบอืน
                                                                                                                                                        ็
                                        ็
                                       ่
                                                                                                                                                                  ่
                                                                                                                                                                                                                       ่
                                                                                                ็
                                   ็
                                                                                                                                                                                                      ็
                          1.5.1  เวบทีมีโครงสร ้างแบบเรียงล�าดับ  (Seqaential  Sracure)  เปนโครงสร ้างที      ่                                     1.6.5 ระบบเนวิเกชัน (User friendly Navigation) เปนส่วนประกอบทีมีความส�าคัญ
                              ่
                                                                       ่
                                                                                                                                                                                                                         ่
                                                                                                            ่
                                                                                               ้
                        ่
                                                               ู
                                                                                               ี
                                                                                                                                                                  ่
                                                                                                                                        ็
                                                                                                         ู
                                                                                                 ็
                              ื
            ใช ้กันมากทีสุดเนองจากง่ายต่อการจัดระบบข้อมข้อมลทีจัดตัวยโครงสร ้างแบบนเปนชัอมลทีมี                                    ต่อเวบไซต์มากเพราะจะช่วยไมให้ผ้ใช ้เกิดความสับสนระหว่างดูเวบไซต์ระบบเนวิเกชันจึงเปรียบ
                                                                    ู
                                                                                                                                                                       ู
                                                                                                                                                                                                      ็
                                                                             ้
                                                                                                                                                                                      ่
                                                              ่
                                                                                                                                                               ้
                          ่
                                                                             ื
                                                                        ็
                                                       ็
                                                                                    ่
                                                                                                                                                               ั
                      ็
                                                                                                                                           ้
            ลักษณะเปนเรืองราวตามล�าดับ เหมาะกับเวบไซต์ทีมีชนาดเลก เนอหาไมชับซ ้อน ใช ้การลิงก์ link                                เสมือนปายบอกทาง        ดังนนการออกเเบบเนวิเกชันจึงควรให้เข้าใจง่ายใช ้งานได้สะดวกถ้ามีการใช ้
                                                 ้
                                                                                                                                                  ่
                                                                                                                                                                                       ่
                                                                                                                                                                                                       ่
                                                                                                                                                                                                       �
                                                 ื
                                                                                                           ็
                                                                                                                                                                                                                             ่
                                                                                                                                        ิ
                                                                                                                                                                                  ิ
                                                                            ็
                                                                                                                                                                                                                     ่
                                                                                                                                            ็
            ไปทีละหน้า  ทิศทางของการเข้าสูเนอหา  (vigaitea)อาจจะเปนรูปลูกศรเดินหน้า-ถอยหลังเปน                                     กราฟกกควรสือความหมายต�าเเหนงการวางเนเกชันกคสรวางให้สมาเสมอเช่นอยูต�าเเหนงบนสุด
                                                                                                                                                                                          ็
                                               ่
                                                                                                                                                                       ่
                                                                           ้
               ่
                                                                           ี
                                                                                                                                                 ็
            เครืองมือหลักในการก�าหนดทิศทางข้อเสียของโครงสร ้างระบบน คือ ผ้ใช ้ไมสมารถก�าหนดทิศทาง                                  ของทุกหน้า เปนต้น
                                                                                  ู
                                                                                       ่
                       ้
                                                                           ้
                       ื
                                                                          ื
            การเข้าสูเนอหาของตนเองได้ตามต้องการท�าให้เสียเวลาข้าสูเนอหาตามล�าดับของการลิงก์
                                                                        ่
                     ่
                                     ่
                                                             ้
                                  ็
                                                                                            ็
                          1.5.2 เวบทีมีโครงสร ้างแบบล�าคับชัน (Werarhkcal Spvour ) เปนวิธีการจัดระบบ
                       ่
                                                                       ้
                                               ่
            โครงสร ้างทีชัอมลมีความขับช ้อนไมมากเท่าไร  โดยแบ่งเนอหาเปนส่วนต่างๆ  และมีรายละเอียด
                                                                              ็
                            ู
                                                                       ื
                                 ่
            บ่อยๆ  ในแต่ละส่วนซึงมิลักษณะแบบเดียวกับแผนภูมิองค์กร  ลักษณะเดนเฉพาะของเวบประเกทน               ี ้
                                                                                                  ็
                                                                                         ่
                           ่
                                                                                                     ้
                                 ่
                                                   ่
            คือ  การมีจุดเริมดันทีจุดร่วมจุดเดียว  นนคือ  โฮมเพจ  (Homxpag)  และเชือมโยงไปดูเนอหา  ใน
                                                   ั
                                                                                                     ื
            ลักษณะเปนล�าดับจากบนลงล่าง
                      ็
                                                                                                      ้
                                      ่
                             1.5.3  เวบทีมีโครงสร ้างแบบตาราง  (Gnd  Structure)  โครงสร ้างรูปแบบนมีความ
                                   ็
                                                                                                      ี
                                                                                                   ้
                                                                 ่
                                      ่
            ชับช ้อนมากกว่ารูปแบบทีผานมาการออกแบบไต้เพิมความยึดหยุนให้แก่การเข้าสูเนอหาของผ้                 ู
                                                                               ่
                                        ่
                                                                                                   ื
                                                                                                ่
                       ่
                                       ่
                                                                                            ่
                               ่
                                                            ้
            ใชั  โดยเพิมการเชือมโยงซึงกันและกันระหว่างเนอหาแต่ละส่วน  ผ้ใช ้ตมารถเปลียนทิศทางการข้า
                                                            ื
                                                                              ู
                ้
                                                                             ่
                                                                       ้
                                                                   ้
            สูเนอหาของตนเองได้  ในการจัดระบบโครงสร ้างแบบน  เนอหาทีนามาใช ้แต่ละส่วนควรมีลักษณะ
                                                                       ื
             ่
               ื
                                                                  ี
                                                                               �
             ่
                                                                                         ้
            ทีเหมือนกันและสามารถใช ้รูปแบบร่วมกัน  หลักการออกแบบ  คือ  นาหัวข้อทังหมดมาบรรจุลงในที            ่
                                                                               �
            เดียวกัน
                                      ่
                                                                                                      ้
                                  ็
                            1.5.4 เวบทีมีโครงสร ้างแบบใยแมงมม (Web Stucure) โครงสร ้างประเภทนจะมี
                                                                                                     ี
                                                             ุ
                                                               ่
                               ่
                                                                                       ็
            ความยืดหยุนมากทีสุด ทุกหน้าในเวบสามารถจะเชือมโยงไปถึงกันได้หมด เปนการสร ้างรูปแบบการ
                                                ็
                                                                      ้
                   ้
                         ่
                                      ู
            เข้าสูเนอหาทีเปนอิสระ  ผ้ใช ้สมารถก�าหนดวิธีการเข้าสูเนอหาได้ด้วยตนเอง  โครงสร ้างลักษณะน        ี ้
                   ื
                 ่
                           ็
                                                                      ื
                                                                   ่
                                            ่
                                                                                      ้
                            ่
                                                                                             ่
                                                                                      ี
                              ่
                 ็
                                               ่
            จัดเปนรูปแบบทีไมมีโครงสว้างทีแนนอน  (Unstructutured)  นอกจากนการเชือมโยงไมได้จ�ากัด
                                                     ่
                     ้
                                                                      ้
                                    ้
                                                                      ื
                                    ั
                                                                                ็
                                                                   ่
            เองหวะเนอหาายในเวีบนนๆแต่สามารถเชือมโยงออกไปสูเนอหาจากเวบภายนอกได้
                     ื
                   1.6องค์ประกอบของการออกเเบบเวบไซต์ มีดังน        ี ้
                                                       ็
                             1.6.1 ความเรียบง่าย (simplicity) หมายถึงการก�าจัดองค์ประกอบเสริมให้เหลือเฉพาะ
                                                                     ้
                                                ่
                                                       ้
                                                                                       ่ ่
                                                                 ู
                                                       ื
            องค์ประกอบหลัก  กล่าวคือในการสือสารเนอหากับผ้ใช ้นน  เราต้องเสนอสิงทีเราต้องการนาเสนอ
                                                                     ั
                                                                                                       �
                                                                        ่
            จริงๆ ออกมาในส่วนของกราฟก สีสัน ตัวอักษรเเละภาพเคลือนไหว ต้องเลือกให้พอเหมาะ ถ้าหาก
                                          ิ
            มีมากเกินไปจะรบกวนสายตาเเละสร ้างความร�าคาญต่อผ้ใช ้
                                                                    ู
                                                                                                            ้
                                         ่
                                                                                                            ้
                                                                                             ่
                           1.6.2  ความสมาเสมอ (Consistency) หมายถึงการสร ้างความสมาเสมอให้เกิดขึน
                                         �
                                                                                             �
                                                                        ้
                    ้
                       ็
            ตลอดทังเวบไซต์โดยอาจเลือกใช ้รูปเเบบเดียวกันตลอดทังเวบไซต์เพราะถ้าหากเเต่ละหน้าใน
                                                                           ็
                     ้
              ็
            เวบไซต์นนมีความเเตกต่างกันมากเกินไปอาจท�าให้ผ้ใช ้เกิดความสับสนเเละไมเเนใจว่าก�าลังอยู           ่
                     ั
                                                                                               ่
                                                                  ุ
                                                                                            ่
                                           ้
                                                                                                            ิ
                                                            ็
                ็
                                 ่
                                           ั
            ในเวบไซต์เดิมหรือไมเพราะฉะนนการออกเเบบเวบไซต์เเต่ละหน้าควรจะมีรูปเเบบสไตล์ของกราฟก
                                      ่
                                                                   ้
                         ่
                                                                     ็
            ระบบเนวิเกชันเเละโทนสีทีมีความคล้ายคลึงกันตลอดทังเวบไซต์
                                                                14                                                                                                          15
   13   14   15   16   17   18   19   20   21   22   23