1205 204 Web Process 1

กระบวนการพัฒนาเว�บไซต์�กระบวนการพัฒนาเว�บไซต์�Web Development Processes

1205 204 Web Process 2

เร��มการสร�างเว�บไซต์� เร��มการสร�างเว�บไซต์� ??

Development Process

1205 204 Web Process 3

Website

เป้�าหมาย

เน��อหา ระยะเวลา

เง�นทุ!น

บ!คลากร

กล!#มผู้%�ใช้�

จัดระบบโครงสร�างข้�อม%ลจัดระบบโครงสร�างข้�อม%ล ค�อ การพั�จัารณาว#าเว�บไซต์� ควรจัะม-ข้�อม%ลใดบ�าง

ด�วยการสร�างเป้.นแผู้นผู้งโครงสร�าง

1205 204 Web Process 4

กระบวนการในการพัฒนาเว�บไซต์�ม- กระบวนการในการพัฒนาเว�บไซต์�ม- 13 13 ข้�นต์อนข้�นต์อน

1 .รู้��จั�กตนเอง ก �หนดเป้��หม�ยและสำ �รู้วจัคว�มพรู้�อม

2. เรู้�ยนรู้��ผู้��ใช้� รู้ะบุ!กล!"มผู้��ใช้�และศึ$กษ�คว�มต�องก�รู้

3. ศึ$กษ�ค�"แข่"ง สำ �รู้วจัก�รู้แข่"งข่�นและเรู้�ยนรู้��ค�"แข่"ง

4. สำรู้��งกลย!ทธ์)ก�รู้ออกแบุบุ5. ห�ข่�อสำรู้!ป้ข่อบุเข่ตเน*+อห�6. จั�ดรู้ะบุบุข่�อม�ล7. จั�ดท �โครู้งสำรู้��งข่�อม�ล8. พ�ฒน�รู้ะบุบุเนว.เกช้�น9. ออกแบุบุล�กษณะหน��ต�เว0บุเพจั1 0 .พ�ฒน�เว0บุต�นแบุบุและข่�อก �หนด

สำ!ดท��ย1 1 .ลงม*อพ�ฒน�เว0บุเพจั1 2 .เป้1ดต�วเว0บุไซต)1 3 .ด�แลและพ�ฒน�ต"อเน*4อง

1 .รู้��จั�กตนเอง ก �หนดเป้��หม�ยและสำ �รู้วจัคว�มพรู้�อม

2. เรู้�ยนรู้��ผู้��ใช้� รู้ะบุ!กล!"มผู้��ใช้�และศึ$กษ�คว�มต�องก�รู้

3. ศึ$กษ�ค�"แข่"ง สำ �รู้วจัก�รู้แข่"งข่�นและเรู้�ยนรู้��ค�"แข่"ง

4. สำรู้��งกลย!ทธ์)ก�รู้ออกแบุบุ5. ห�ข่�อสำรู้!ป้ข่อบุเข่ตเน*+อห�6. จั�ดรู้ะบุบุข่�อม�ล7. จั�ดท �โครู้งสำรู้��งข่�อม�ล8. พ�ฒน�รู้ะบุบุเนว.เกช้�น9. ออกแบุบุล�กษณะหน��ต�เว0บุเพจั1 0 .พ�ฒน�เว0บุต�นแบุบุและข่�อก �หนด

สำ!ดท��ย1 1 .ลงม*อพ�ฒน�เว0บุเพจั1 2 .เป้1ดต�วเว0บุไซต)1 3 .ด�แลและพ�ฒน�ต"อเน*4อง

1205 204 Web Process 5

กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ม- ม- 13 13 ข้�นต์อนข้�นต์อน

1.Research 2.Site Content

5.Production and Operation

3.Site Structure

4.Visual Design

แบุ"งได� 5 Phase ด�งน�+

1205 204 Web Process 6

Researchส0ารวจัป้1จัจัยส0าคญ

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

Phase 1

1. ร% �จักต์นเอง ก0าหนดเป้�าหมายและส0ารวจัความพัร�อม2. เร-ยนร% �ผู้%�ใช้� ระบ!กล!#มผู้%�ใช้�และศึ4กษาความต์�องการ3. ศึ4กษาค%#แข้#ง ส0ารวจัการแข้#งข้นและเร-ยนร% �ค%#แข้#ง

ส��งทุ-�ได�รบ1. เป้�าหมายหลกข้องเว�บไซต์�2. ความต์�องการข้องการใช้�3. กลย!ทุธ์�ในการแข้#งข้น

1205 204 Web Process 7

www.dtac.co.th

เร-ยนร% �จัากค%#แข้#ง

1205 204 Web Process 8

1205 204 Web Process 9

1205 204 Web Process 10

Site Contentพัฒนาเน��อหา

กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))

Phase 2

4. สร�างกลย!ทุธ์�การออกแบบ5. หาข้�อสร!ป้ข้อบเข้ต์เน��อหา

ส��งทุ-�ได�รบ1. แนวทุางการออกแบบเว�บไซต์�2. ข้อบเข้ต์เน��อหาและการใช้�งาน3. ข้�อม%ลถู%กจัดอย#างเป้.นระบบ

1205 204 Web Process 11สร�างกลย!ทุธ์�ให�โดดเด#น ฟั1งเพัลง , เกม , e-Card , Blog , ซ��อข้ายออนไลน�

1205 204 Web Process 12

ด% ช้ม ทุ-ว- ช้มทุ-ว- โทุรทุศึน� ด%ทุ-ว- ด%โทุรทุศึน� ทุ-ว-ออนไลน� ด%ทุ-ว-ออนไลน� โทุรทุศึน�ออนไลน� ด%ทุ-ว-ผู้#านเน�ต์ ช้มทุ-ว-ผู้#านเน�ต์ ด%โทุรทุศึน�ผู้#านอ�นเต์อร�เน�ต์ internet net ถู#ายทุอดสด

1205 204 Web Process 13

Site Structureการพัฒนาโครงสร�างเว�บไซต์�

กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))

Phase 3

6. จัดระบบข้�อม%ล7. จัดทุ0าโครงสร�างข้�อม%ล8. พัฒนาระบบเนว�เกช้น

ส��งทุ-�ได�รบ1 . แผู้นผู้งโครงสร�างข้�อม%ล2. แนวทุางการทุ#องเว�บ3. ระบบเนว�เกช้น

1205 204 Web Process 14

จัดทุ0าโครงสร�างข้�อม%ล1. Home2. Products

2.1…….2.1.1page1.html 2.1.2page2.html2.1.3page3.html

2.2 ……..3. Services4. About us5. Site Map

1205 204 Web Process 15

พัฒนาระบบเนว�เกช้น

ก0าหนด Site map

1205 204 Web Process 16

Create Site Map

1205 204 Web Process 17

Visual Designออกแบบและพัฒนาหน�าเว�บ

กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))

Phase 4

9. ออกแบบลกษณะหน�าต์าเว�บเพัจั10. พัฒนาเว�บต์�นแบบและข้�อก0าหนดส!ดทุ�าย

ส��งทุ-�ได�รบ1 . ลกษณะหน�าต์าข้องเว�บไซต์�2 . เว�บเพัจัต์�นแบบทุ-�จัะใช้�ในการพัฒนา3 . ร%ป้แบบโครงสร�างข้องเว�บ4. ข้�อก0าหนดในการพัฒนาเว�บไซต์�

1205 204 Web Process 18

ออกแบบ web site (Web Prototype)

1205 204 Web Process 19

1205 204 Web Process 20

ออกแบบโครงร#างหน�าเว�บLogo

submenu

Navigation

Banner

Footer

1024*768

1205 204 Web Process 21

ต์วอย#าง Logo Web

1205 204 Web Process 22

Production and Operationพัฒนาและด0าเน�นการ

กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))

Phase 5

11. ลงม�อพัฒนาเว�บเพัจั12. เป้9ดต์วเว�บไซต์�13. ด%แลและพัฒนาต์#อเน��อง

ส��งทุ-�ได�รบ1. เว�บไซต์�ทุ-�สมบ%รณ�2. เป้9ดต์วเว�บไซต์�และทุ0าให�เป้.นทุ-�ร% �จัก3. แนวทุางการด%แลและพัฒนาต์#อไป้

1205 204 Web Process 23

1205 204 Web Process 24

1205 204 Web Process 25

1205 204 Web Process 26

1205 204 Web Process 27

1205 204 Web Process 28

END