Planning the site อ.ธวัชชัย สลางสิงห์

PLANNING A SITE Requirements and Specifications Creating a site specification Analyzing your audience Analyzing Your Audience Information design and taxonomy creation Identifying the content goal Organizing Information Structure Graphic design and page template creation sketch, mockup wireframe

การพัฒนาเว็บไซต์ Good project plan - วางแผนพัฒนา เว็บไซต์ที่ดี Larger project need a project manager - การพัฒนาเว็บไซต์ขนาดใหญ่ จำเป็นต้องมีผู้จัดการโปรเจ็ก development framework - ขอบเขตของ project web development project lifecycle - วงจรการพัฒนาเว็บไซต์ ต้องครอบคลุม กระบวนการทุกขั้นตอนตั้งแต่เริ่มจนจบ

Requirements and Specification ความต้องการ Requirement – the client ให้ข้อมูลความต้องการเกี่ยวกับ เว็บไซต์ และ Users ให้ข้อมูลความ ต้องการในสิ่งที่อยากได้รับบริการบน เว็บไซต์ break down to tasks - ออกแบบการ ทำงานตามความต้องการของลูกค้าหรือ ผู้ใช้

Creating a Site Specification สร้างขอบเขตให้เว็บไซต์ who is the client for the site? Users? - ลูกค้า คือใคร ผู้ใช้เว็บคือใคร can you write a two or three paragraph mission statement that briefly states the site’s goal? - ระบุพันธกิจที่แสดงถึงเป้าหมายของ เว็บไซต์ ภาระกิจหลักที่ต้องทำให้บรรลุเป้าหมาย what do you envision as the goal of the site? เป้าหมายที่คุณมีต่อเว็บไซต์ what do you gain from creating and maintaining a website? จะได้รับอะไร what are the requirements for the web site? เว็บไซต์มีความต้องการอะไรบ้าง ต้องนำเสนอ อะไรบ้าง

Creating a Site Specification สร้างขอบเขตให้เว็บไซต์ are the requirements feasible? - สิ่งที่ ต้องการสามารถเป็นไปได้หรือไม่บนเว็บไซต์ How will you judge the success of the site? - ตัวชี้วัดความสำเร็จ who is the target audience? – กลุ่มเป้าหมายที่จะเป็นผู้ใช้ของเว็บไซต์ what is the budget? - ทุนเท่าไร Is this a new site or an upgrade? - เป็นการ อัพเดทหรือสร้างใหม่

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

Analyzing Your Audience ผู้ใช้เข้ามาใช้งานเว็บไซต์เพื่อ วัตถุประสงค์ใด information download files game web links

Information Design and Taxonomy Creation User analysis ให้ข้อมูลในการ ออกแบบเนื้อหาของเว็บไซต์ เป้าหมายเพื่อสร้างระบบการนำทาง ของเนื้อหาบนเว็บไซต์ให้มีความหมาย และเข้าใจง่าย การจัดประเภทของเนื้อหาได้อย่างดี

Organizing Information Structure ให้วิเคราะข้อมูลที่ผู้ใช้ต้องการ และจะ เข้าถึงข้อมูลอย่างไร พิจารณาข้อมูลที่จะนำเสนอบนเว็บไซต์ แล้วใช้รูปแบบต่อไปนี้ Linear Structure – booklike presentation Tutorial Structure - เหมาะกับสื่อการเรียน การสอน Web Structure – แสดงลิงค์ไปยังทุกหน้า Hierarchical Structure – รูปแบบที่นิยม เป็นแบบลำดับชั้น Cluster Structure - เหมือน hierarchical แต่จะมีเว็บไซต์ซ้อนเว็บไซต์ Catalog Structure - เหมาะ e-commerce website

Linear Structure

Tutorial Structure

Web Structure

Hierarchical Structure

Cluster Structure

Catalog Structure

Identifying the Content Goal พิจารณาประเภทของเว็บไซต์ที่จะพัฒนา billoard Portal Blog E-commerce Publishing etc. วัตถุประสงค์ของทีมพัฒนาและลูกค้า อาจแตกต่างจากวัตถุประสงค์ของผู้ใช้

Construction and Content Development Plan the filename convention for the site - วางแผนการตั้งชื่อไฟล์ ใช้ตัวอักษร lowercase ใช้ underscores แทน space การเรียกชื่อไฟล์มี 2 รูปแบบ abstract path : compete URL link ระบุ ชื่อ url เต็มๆ relative path : partial URL link ระบุชื่อ ไฟล์ที่อยู่ในคอมหรือserver

<a href="laptop.htm">link text</a>

Construction and Content Development Plan the filename convention for the site - วางแผนการตั้งชื่อไฟล์ ใช้ตัวอักษร lowercase ใช้ underscores แทน space การเรียกชื่อไฟล์มี 2 รูปแบบ abstract path : compete URL link ระบุ ชื่อ url เต็มๆ relative path : partial URL link ระบุชื่อ ไฟล์ที่อยู่ในคอมหรือserver

Graphic design and Page Template Creation Sketches and page mockups ใช้ ในการออกแบบ layout ของเว็บไซต์ Wireframe เป็นการออกแบบเว็บไซต์ layout ในแบบที่คงที่ใกล้เคียงตัวงาน จริง