Lecture

 กระบวนการพัฒนาเว็บไซต์   


การจัดระบบโครงสร้างข้อมูล คือการพิจารณาว่า เว็บควรจะมีข้อมูลและการทำงานใดบ้าง โดยเริ่มจากการกำหนดเป้าหมาย กลุ่มผู้ใช้เป้าหมาย เนื้อหาและการใช้งานที่จำเป็น นำมาจัดกลุ่มให้เป็นระบบเป็นพื้นฐานในการออกแบบเว็บไซต์ที่ดี มีทั้งหมด 5 Phase 

Phase 1 : สำรวจปัจจัยสำคัญ (Research) 
1. รู้จักตัวเอง-กำหนดเป้าหมายและสำรวจความพร้อม
2 .เรียนรู้ผู้ใช้-ระบุกลุ่มผู้ใช้และศึกษาความต้องการ
3. ศึกษาคู่แข่ง-สำรวจการแข่งขันและการเรียนรู้คู่แข่ง 
สิ่งที่ได้รับ 
1. เป้าหมายหลักของเว็บ
2. ความต้องการของผู้ใช้
3 .กลยุทธ์ในการแข่งขัน 


Phase 2 : พัฒนาเนื้อหา (Site Content) 
4 .สร้างกลยุทธ์การออกแบบ
5 .หาข้อสรุปขอบเขตเนื้อหา 
สิ่งที่ได้รับ 
1. แนวทางการออกแบบเว็บ
2. ขอบเขตเนื้อหาและการใช้งาน
3. ข้อมูลที่ถูกจัดอย่างเป็นระบบ 

Phase 3 : พัฒนาโครงสร้างเว็บไซต์ (Site Structure) 
6. จัดระบบข้อมูล
7. จัดทำโครงสร้างข้อมูล
8. พัฒนาระบบเนวิเกชัน 
สิ่งที่ได้รับ 
1. แนวทางการออกแบบเว็บ
2. ขอบเขตเนื้อหาและการใช้งาน
3. ข้อมูลที่ถูกจัดอย่างเป็นระบบ 7 

Phase 4 : ออกแบบและพัฒนาหน้าเว็บ (Visual Design) 
9. ออกแบบลักษณะหน้าตาเว็บ
10. พัฒนาเว็บต้นแบบและข้อกำหนดสุดท้าย 
สิ่งที่ได้รับ 
1. ลักษณะหน้าตาของเว็บ
2. เว็บต้นแบบที่จะใช้ในการพัฒนา
3. รูปแบบโครงสร้างของเว็บ
4. ข้อกำหนดในการพัฒนาเว็บ 

Phase 5 : พัฒนาและดำเนินการ (Production & Operation) 
11. ลงมือพัฒนาเว็บ
12. 
เปิดเว็บไซต์
13. 
ดูแลและพัฒนาต่อเนื่อง 
สิ่งที่ได้รับ 
1. เว็บที่สมบูรณ์
2. เปิดตัวเว็บและทำให้เป็นที่รู้จัก
3. แนวทางการดูแลและพัฒนาต่อไป




จัดระบบข้อมูลในเว็บ   

ปัญหาความคลุมเครือของกลุ่มข้อมูล
  •  การแบ่งข้อมูลต้องอาศัยพื้นฐานทางด้านภาษามาช่วยเพราะคำหนึ่งคำมีความหมายได้หลายอย่างในเหตุการณ์ต่างกัน
  •   การแบ่งหมวกหมู่ในเว็บมักจะเกี่ยวข้องกับสิ่งที่เป็นนามธรรม เช่น หัวเรื่องหรือข้อความ ดังนั้นจึงเป็นการยากที่จะทำให้ทุกคนเข้าใจระบบการจัดกลุ่มข้อมูลที่เราได้ออกแบบไว้



การจัดลำดับความสำคัญของข้อมูล 
       ได้แก่ การจัดกลุ่มข้อมูลการกำหนดตำแหน่งของข้อมูลและเทคนิคที่ใช้นำเสนอผู้ออกแบบควรจัดกลุ่มข้อมูลที่มีความสัมพันธ์กันให้อยู่ในกลุ่มเดียวกัน โดยรูปแบบการจัดกลุ่มข้อมูลอาจกระทำได้หลายลักษณะ หลักการออกแบบโครงสร้างระบบข้อมูลแบบลำดับชั้นควรมีจำนวน 7 บวกลบ 2 รายการในเมนูที่มีจำนวนรายการมากกว่า 10 จะสร้างความรู้สึกว่ามากเกินไปส่วนความลึกไม่ควรเกิน 4-5 ชั้น  เพราะจะทำให้ผู้ใช้อาจหมดหวังและเลิกล้มความตั้งใจได้ โครงสร้างระบบข้อมูลแบบไฮเปอร์เท็กซ์มีลักษณะคล้ายเครือข่ายโยงใยโครงสร้างระบบนี้แบ่งเป็น ส่วนคือ รายการ หรือกลุ่มข้อมูลที่ถูกลิงค์กับลิงค์ที่เชื่อมโยงข้อมูลเหล่านั้นส่วนใหญ่จึง มักนำระบบนี้มาใช้เป็นส่วนเสริมให้กับโครงสร้างข้อมูลแบบลำดับชั้น

โครงสร้างข้อมูลแบบฐานข้อมูล  
        มักนิยมใช้กับเว็บขนาดใหญ่ การนำระบบฐานข้อมูลมาใช้ในเว็บจะช่วยเพิ่มความสามารถในการค้นหาข้อมูลได้อย่างรวดเร็วและถูกต้อง แต่เป็นเรื่องยากที่จะเอาข้อมูลทั้งหมดมาไว้ใน



ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์



 1. เบราเชอร์ที่ใช้  คือโปรแกรมที่ใช้เรียกดูเว็บเพจ ซึ่งที่ได้รับความนิยมในปัจจุบันคือCHROME,FIREFOX,OPERA,IE เป็นต้น

   ซึ่งควรออกแบบให้รองรับได้ทุกเบราเชอร์,ทุกรุ่น และทุกรูปแบบ

   2. ระบบปฎิบัติการ    เป็นปัจจัยทีมีผลต่อการทำงานของเบราเชอร์ ดังนั้นจึงควรออกแบบให้อิงกับผู้ใช้

งานส่วนใหญ่

   3. ความละเอียดของหน้าจอ ความละเอียดของหน้าจอจะไม่ขึ้นกับขนาดที่ใช้ แต่ขึ้นการ์ดจอที่มีอยู่
      
โดยการออกแบบตามละเอียดของหน้าจอก็ขึ้นกับผู้ออกแบบว่าจะเลือกใช้รูปแบบใดๆ โดยมี 3 รูปแบบ

ด้วยกัน คือ
        - 640X840 PX ผู้ใช้ส่วนใหญ่จะได้เห็นหน้าเว็บที่สมบูรณ์

        - 800X600 PX ผู้ใช้ส่วนใหญ่จะได้เห็นเนื้อหาทั้งหมดในหน้าจอ

        - 1024X768PX ผู้ใชจำนวนน้อยที่สามารถดูเนื้อหาได้อย่างเหมาะสม

      TRIP & TRICK ออกแบบโดยใช้ 800X600 แต่จัดเนื้อหาไว้ใน 640X480

   4. จำนวนสีที่จอของผู้ใช้สามารถแสดงได้ ขึ้นอยู่กับการ์ดจอของผู้ใช้ ซึ่งขึ้นอยู่กับค่า    

BIT DEPTHหรือ COLOR DEPTH คือจำนวนบิตที่ใช้ในการเก็บข้อมูลแต่ละพิกเซล


   5. ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้ จะแสดงผมก็ต่อเมื่อเครื่องผู้ใช้มีฟอร์นชนิดเดียวกัน

   
   6. ความเร็วในการเชื่อมต่ออินเตอร์เน็ต มีผลต่อเวลาที่ใช้ในการแสดงผลชอบเว็บ ผู้ออกแบบจึงควร


พัฒนาเว็บให้สวยงาม น่าสนใจ และดาวโหลดได้เร็วที่สุด

   7. ขนาดหน้าต่างบราวเซอร์ ควรออกแบบให้เปลี่ยนแปลงขนาดได้ (FLEXIBLE DESIGN)

   8. ความสว่างและค่าความต่างของสี ควรใช้โทนสีต่างกันพอสมควร ไม่สว่างและมืดจนเเกินไป




0 ความคิดเห็น:

แสดงความคิดเห็น

 

(c)2009 PEACHH.S 5650110059. Based in Wordpress by wpthemesfree Created by Templates for Blogger