บทที่2

หน่วยที่ 2 หลักการพัฒนาเว็บไชต์แบบ Dynamic

2.1 วางแผนการสร้างเว็บไซต์ได้
2.2 วิเคราะห์ระบบได้
2.3 ออกแบบเว็บไซต์ได้

2.1 วางแผนการสร้างเว็บไซต์

2.1.1 กำหนดเป้าหมายเว็บไซต์
การกำหนดเป้าหมายเว็บไซต์เป็นการกำหนดขอบเขต ลักษณะ ประเภท และการทำงานต่างเว็บไซต์ เพื่อให้การสร้างและพัฒนาเป็นไปตามเป้าหมายที่กำหนดไว้ ทำให้ประหยัดเวลาและได้ผลลัพธ์ที่ถูกต้องตามความต้องการ เช่น การทำเว็บไซต์ขายสินค้า เป้าหมายของเว็บไซต์ขายสินค้า คือ สร้างแรงดึงดูดให้ผู้เข้าชมเว็บไซต์เลือกซื้อสินค้า โดยอาจเป็นการใช้โปรโมชันหรือคำโน้มน้าวจูงใจ เป็นต้น

การกำหนดกลุ่มผู้ชมเป้าหมาย

(ที่มา : marketingforexp.blogspot.com)

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

(ที่มา : marketingforexp.blogspot.com)

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

2.2 วิเคราะห์ระบบได้

2.2.1 ศึกษาปัญหา
การศึกษาปัญหา คือ การทำความเข้าใจปัญหาและความต้องการของลูกค้า เพื่อนำปัญหาและความต้องการที่ได้จากลูกค้ามาวางแผนการทำงาน ซึ่งการสอบถามปัญหาต่าง ๆ ที่เกิดขึ้นสามารถสอบถามลูกค้าด้วยวิธีต่าง ๆ ตามความถนัดหรือความเหมาะสมต้อง

การสอบถามปัญหาลูกค้าผ่านโทรศัพท์
(ที่มา : http:/rtech.co)

2.2.2 การศึกษาความเป็นไปได้
การศึกษาความเป็นไปได้ คือ การนำปัญหาที่ได้จากการเก็บรายละเอียดจากลูกค้ามาศึกษาความเป็นไปได้จากรายละเอียดปัญหาของลูกค้า ก่อนนำปัญหานั้น ๆ มาวิเคราะห์และออกแบบระบบ

2.2.3 การวิเคราะห์และออกแบบ
การวิเคราะห์และออกแบบระบบ คือ การวางแผนกระบวนการทำงานต่าง ๆ ในเว็บไซต์รวมถึงการออกแบบการจัดวางต่าง ๆ บนหน้าเว็บไซต์ (Layout) และการแบ่งหน้าที่การทำงานในแต่ละส่วนการวิเคราะห์และออกแบบระบบเบื้องต้นนิยมใช้ Flowchart ช่วยในการวิเคราะห์และออกแบบระบบ หรือบางองค์กรอาจใช้ ER-Diagramช่วยในการวิเคราะห์และออกแบบระบบทั้งนี้ขึ้นอยู่กับความสะดวกและความเหมาะสมในการวิเคราะห์ระบบ

2.2.4 การเขียนโปรแกรม
เว็บไซต์หรือระบบต่าง ๆ ล้วนมีการเขียนคำสั่ง (Coding) ซึ่งการเขียนคำสั่งนั้นๆขึ้นอยู่กับลักษณะรูปแบบหรือประเกทของเว็บไซต์เพื่อให้เกิดความเหมาะสมกับความต้องการโดยการสร้างเว็บไซต์สามารถเลือกใช้ภาษาโปรแกรม (ProgrammingLanguage) ที่เหมาะสมกับลักษณะงานที่ต้องการ เช่น PHP, JavaScript, ASP, JSP, SQL

การเขียนโปรแกรม
(ที่มา : http://www.inc.com)

2.2.5 การทดสอบระบบ
เมื่อเขียนคำสั่ง (Coding) ด้วยภาษาที่เลือกใช้เสร็จเรียบร้อย ขั้นตอนถัดมาคือการทดสอบกาทำงาน (Test) โดยตรวจสอบข้อผิดพลาด (Bug) ต่างๆ เช่น การกรอกข้อมูลผิดชนิดในแบบฟอร์มมีผลอย่างไรต่อเว็บไซต์ การทำผิดขั้นตอนการทำงานมีผลอย่างไรต่อเว็บไซต์ การโหลดหน้าเว็บไซต์ช้าหรือไม่การทดสอบความเร็วเว็บไซต์ข้ากว่ามาตรฐานหรือไม่ เป็นต้น

การทดสอบระบบ
ที่มา : http://www.wisegeek.com)

2.2.6 การปรับปรุงระบบ
ภายหลังการทดสอบระบบ(Test)จากนั้นนำข้อผิดพลาด(Bug)มาทำการแก้ไขโดยส่งข้อมูลเหล่านี้ให้ผู้ที่รับผิดรอบระบบนั้นๆเพื่อทำการแก้ไขปรับปรุงโดยวนช้ำกระบวนการนี้จนกระทั่งระบบที่มีข้อผิดพลาด ไม่มีข้อผิดพลาดเกิดขึ้นอีก

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

การพัฒนาระบบเพื่อใช้งานบนสมาร์ทโฟน
(ที่มา : http://hackforums.net )

2.3 การออกแบบเว็บไซต์
การออกแบบเว็บไซต์ในปัจจุบันควรคำนึงถึงการใช้งานความเร็วในการแสดงผลการจัดวางตำแหน่ง (Layout)ต่างๆให้เหมาะสมและเข้าใจง่าย การออกแบบเว็บไซต์สามารถออกแบบได้หลายวิธีขึ้นอยู่กับความถนัดและความเหมาะสมของผู้สร้างและพัฒนา

2.3.1 การออกแบบเว็บไซต์

1.การกำหนดวัตถุประสงค์ คือการกำหนดเป้าหมายการออกแบบเว็บไซต์ เพื่อกำหนดขอบเขตในการออกแบบเว็บไซต์ โดยคำนึงถึงกลุ่มเป้าหมายเป็นหลัก

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

การกำหนดกลุ่มเป้าหมาย
(ที่มา : http://web2printexperts.com)

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

การออกแบบส่วนติดต่อกับผู้ใช้บนอุปกรณ์ต่าง ๆ
(ที่มา :http://ww.tutorialrepublic.com)

4.ความเร็วในการแสตงผล (Speed)ความเร็วในการแสดงผลบนอุปกรณ์เป็นสิ่งสำคัญในการตัดสินใจเลือกชมเว็บไซต์ ผู้ออกแบบและพัฒนาเว็บไซต์ควรคำนึงถึงความเร็วในการเรียกใช้ข้อมูลจาก Server มาแสดงผลบนอุปกรณ์ เพื่อลดเวลาในการเข้าถึงข้อมูล

ความเร็วในการแสดงผล
(ที่มา : https://plus.google.com)

5.การรองรับอุปกรณ์เคลื่อนที่(Device)ปัจจุบันผู้เข้าชมเว็บไซต์มีการเข้าถึงข้อมูลด้วยอุปกรณ์เคลื่อนที่ได้แก่แท็บเล็ตมือถือด้วยเทคโนโลยีสมัยใหม่ผู้ออกแบบและพัฒนาเว็บไซต์จำเป็นต้องคำนึงถึงการแสดงผลบนอุปกรณ์แต่ละประเภท

รูปแบบเว็บไซต์สมัยใหม่ที่รองรับการใช้งานผ่านอุปกรณ์หลายประเภท
(ที่มา : http://poweredwebsite com)