11
กกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกก e-commerce กกก กกกกกกกกกก Blog-Based 2011 กกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกก กกกกกกกก 17-19 กกกกกกก 2011, กกกกกก กกกกกกกกกกกกกกกกก E-commerce คคคคคคคคคคคค คคคค, คคคคคค, คคคคคค คคคคคค คคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคคคคคค คคคคคคค คคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคค e- Commerce . คคคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคค .คคคคคคคคคคคคคคคคคคคคค คคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคค . e-commerce คคคคค คคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคค คคคคคค คคคคคคคคค Web 2.0, คคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคค คคค คคคคคคคคคคคคคคคคค,facebook คคค Friendster. Google คคคคคคค คคคคคคคคคคค end-users คคคคคคคคคค คคคคคคคคคคคคคคคคคคคค คคคคค คคคคคคคคคคค.คคคคคค คคคคคค คคคคค คคคคคคคคคคคคคคคคคคคคคคคค. คคคคคคคคคคคคคคคค คคคคคคคคคคคคคค คคคคคคคคค คคคคคคคคคคคคคคคคค คคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคค คคค. คคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคคคคค คคคคค คคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคคค E-commerce

Document01

  • Upload
    aj-kung

  • View
    482

  • Download
    2

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Document01

การพั�ฒนาการออกแบบร�ปแบบของการใช้�งาน e-commerce โดยใช้�วิ�ธี�การ Blog-Based

2011 ประช้�มระหวิ�างประเทศเก�"ยวิก�บวิ�ศวิกรรมไฟฟ%าและสารสนเทศ17-19 กรกฎาคม 2011, บ�นด�ง ประเทศอ�นโดน�เซี�ย

E-commerce คื�อกระบวนการ ซื้� อ, การขาย, การโอน การแลกเปล��ยนสิ�นคื�า หร�อบร�การผ่�านทางอ�นเทอร�เน ต ในอนาคืตจะมี�มีากข% น การท&าธุ(รกรรมีจะดำ&าเน�นการผ่�านทาง e-Commerce . การออกแบบเว บไซื้ต� มี�คืวามีสิ&าคื+ญในการดำ%งดำ-ดำ ล-กคื�าเพื่��อเข�าชมีเว บไซื้ต� .และย+งมี�อ�ทธุ�พื่ลต�อการต+ดำสิ�นใจซื้� อ และกล+บมีาย+งเว บไซื้ต� . e-

commerce ท��ดำ�พื่+ฒนาข% นโดำยโปรแกรมีเมีอร�มี�ออาช�พื่ จะมี�คื�าใช�จ�ายท��สิ-งมีาก

เทคืโนโลย� Web 2.0, สิามีารถสิร�างเน� อหาบนเว บของตนเองไดำ� เช�นเดำ�ยวก+บบล อก,facebook และ Friendster.

Google แจ�งว�า กลไกสิ&าหร+บ end-users ในการสิร�างเว บไซื้ต�และการใช�งาน โฮสิต� อ�คือมีเมี�ร�ซื้.ผ่-�ใช� สิามีารถเล�อก ปร+บแต�งโปรแกรมีตามีแมี�แบบ. หน%�งในป3ญหาหล+ก คื�อไมี�สิน+บสิน(น การออกแบบ ร-ปแบบท��ย�ดำหย(�น หมีายถ%ง ผ่-�ใช�ปลายทางไมี�สิามีารถเปล��ยนร-ปแบบของแมี�แบบท��เล�อกไดำ�. บทคืวามีน� น&าเสินอ คืวามีย�ดำหย(�นและง�ายต�อการใช�บล อก ท��ใช�การพื่+ฒนาสิ&าหร+บการสิร�างปร+บแต�งใช�งาน E-commerce

บล อกคื�อซื้อฟต�แวร�ช+ นเดำ�ยว ร-ปแบบฟ3งก�ช+นช+ นเดำ�ยว. มี�โคืรงการพื่+ฒนา บล อกสิ&าหร+บสิ&าหร+บพื่าณิ�ชย�อ�เล กทรอน�กสิ� . สิ&าหร+บการผ่-�ใช�ท��ไมี�ใช�น+กพื่+ฒนาโปรแกรมี สิามีารถออกแบบและพื่+ฒนา e-Commerce ของต+วเอง โดำย การเล�อก และการวางต&าแหน�งบนหน�าบล อก ในป6ท��ผ่�านมีา,พื่าณิ�ชย�อ�เล กทรอน�กสิ� เจร�ญเต�บโตอย�างรวดำเร วใน [1] บร�ษั+ทสิ�วนมีากเร��มี เล�อกเว บท��จะสิร�างช��อเสิ�ยง สิร�างแบรนดำ� ใช�เพื่��อการประชาสิ+มีพื่+นธุ� [2] ตามีการว�จ+ยของ Forrester Research สิหร+ฐฯคื�าปล�ก

Page 2: Document01

ออนไลน�ถ%ง $ 175,000,000,000 ในป6 2007 และคืาดำว�าจะเต�บโตไดำ�ถ%ง $

335,000,000,000 ในป6 2012

ร+ฐบาลมีาเลเซื้�ยไดำ�สิน+บสิน(นให�ชาวมีาเลเซื้�ย โดำยเฉพื่าะผ่-�ประกอบการธุ(รก�จขนาดำกลางและเล กใช�งาน e-Commerce อย�างไรก ตามี คื�าใช�จ�ายในการพื่+ฒนา อ�คือมีเมี�ร�ซื้ สิ�วนใหญ�มีาจากคืวามีเสิ��ยงของธุ(รก�จน� เพื่��อท��จะแก�ป3ญหาน� เราไดำ�เสินอกลไก สิ&าหร+บการพื่+ฒนาโปรแกรมีประย(กต�

e-commerce อย-�ก+บบล อก. ซื้อฟแวร�ท��ใช�ว�ธุ�การพื่+ฒนา. โดำยการใช�ว�ธุ�การน� การประย(กต�ใช�พื่าณิ�ชย�อ�เล กทรอน�กสิ�สิามีารถพื่+ฒนาไดำ�โดำยการเล�อก, การปร+บแต�ง และการรวมีกล(�มีซื้อฟแวร�ท��มี�คืวามีพื่�เศษัการพื่+ฒนาเพื่��อการน�

เทคืโนโลย�เว บ 2.0 การประย(กต�ใช�เช�นบล อก, friendsters และ Facebooks

ซื้%�ง มี�การเป<ดำใช�งานผ่-�ใช� พื่+ฒนาโปรแกรมีประย(กต�บนเว บของต+วเองสิ&าหร+บเจตนาของเคืร�อข�าย. แตกต�างระหว�างแนวทางและว�ธุ�การใช�งานโดำยอ�คือมีเมี�ร�ซื้หน�าท��ของเรา การประย(กต�ใช�เป=นแนวทางของเราท��อย-�บนพื่� นฐานของบล อก และ ไมี�ใช�แมี�แบบ. การใช�บล อกจะท&าให� มี�คืวามีย�ดำหย(�น และดำ�วยเหต(น� สิามีารถใช�สิ&าหร+บการ การพื่+ฒนาโปรแกรมีประย(กต�ท��ซื้+บซื้�อนมีากข% น

การศ%กษัาพื่บว�า การช�อปป< งออนไลน� ผ่-�บร�โภคืมี�ข�อมี-ลเก��ยวก+บ การต+ดำสิ�นใจเก��ยวก+บข�อมี-ลผ่ล�ตภ+ณิฑ์�ท��น&าเสินอบนอ�คือมีเมี�ร�ซื้เหล�าน� . การออกแบบเว บไซื้ต�มี�บทบาทสิ&าคื+ญในการซื้� อขาย มี�ผ่ลต�อประสิ�ทธุ�ภาพื่ และท+ศนคืต�ท��มี�ต�อเว บไซื้ต�คืวามีชอบร-ปแบบการใช�งาน เป=นป3จจ+ยหล+ก ท��มี�ผ่ลต�อการต+ดำสิ�นใจซื้� อทางเน ต

ในโดำยเฉพื่าะอย�างย��งการออกแบบของเว บไซื้ต�จะมี�ผ่ลต�อผ่-�เข�าชมี 'การต+ดำสิ�นใจท��จะซื้� อและกล+บมีาย+งเว บไซื้ต� . คืวามีสิ&าเร จของ e-commerce

สิ&าหร+บ บร�ษั+ท ท��ไมี�มี�ช��อเสิ�ยง, ข% นอย-�ก+บการออกแบบท��เหมีาะสิมีของเว บไซื้ต�

Page 3: Document01

ดำ+งน+ นว+ตถ(ประสิงคื�หล+กของการว�จ+ยคืร+ งน� คื�อการพื่+ฒนาการออกแบบร-ปแบบของการประย(กต�ใช�พื่าณิ�ชย�อ�เล กทรอน�กสิ� ท��จะช�วยให�ผ่-�ใช� ออกแบบ e-commerce

ของพื่วกเขาเองและใช�งานง�ายข% น

II. งานท�"เก�"ยวิข�อง

A. ระบบพัาณิ�ช้ย,อ�เล-กทรอน�กส,

พื่าณิ�ชย�อ�เล กทรอน�กสิ�หร�อ e-commerce คื�อการขายสิ�นคื�า บร�การ ผ่�านสิ��ออ�เล กทรอน�กสิ�ท��ใช�เทคืโนโลย�เพื่��ออ&านวยคืวามีสิะดำวกการแลกเปล��ยนอย�างรวดำเร วของข�อมี-ลรายละเอ�ยดำระหว�าง ผ่-�ซื้� อและผ่-�ขาย

การใช�งาน E-Commerce สิามีารถแบ�งออกเป=นหมีวดำหมี-� เช�น B2B

(Business เพื่��อธุ(รก�จ), B2C (Business เพื่��อล-กคื�าของเรา) และ C2C

(ล-กคื�า Customer)

ชน�ดำของ B2C คื�อคื�าปล�กท��ช�วยให�การขายตรงของสิ�นคื�าหร�อบร�การผ่�านร�านคื�าอ�เล กทรอน�กสิ�หร�อห�างสิรรพื่สิ�นคื�าอ�เล กทรอน�กสิ� สิถานท��น� ช�วยให�เราสิามีารถซื้� อไดำ�จากท��บ�านตลอดำ 24 ช+�วโมีงเจ ดำว+นต�อสิ+ปดำาห�

ล+กษัณิะพื่� นฐานท��อย-�เบ� องหล+งเว บไซื้ต� (ธุ(รก�จให�ก+บล-กคื�า) B2C มี�เน� อหาและการออกแบบของมี+น

เน� อหาเป=นสิ��งสิ&าคื+ญท��มี�อ�ทธุ�พื่ลต�อการต+ดำสิ�นใจซื้� อ ขณิะท��การออกแบบช�วยในการดำ%งดำ-ดำคืวามีสินใจของล-กคื�าไดำ�ท��เว บไซื้ต�

เพื่��อช�วยให� ผ่-�ใช�สิามีารถประย(กต�ใช�เว บ e-commerce, ผ่-�ให�บร�การเช�น Google และซื้อฟแวร�โอเพื่นซื้อร�สิ เช�นระบบการจ+ดำการเน� อหาบางสิ�วน (CMS)

ให�กลไกสิ&าหร+บผ่-�ใช�เพื่��อสิร�างเว บไซื้ต�อ�คือมีเมี�ร�ซื้ และการประย(กต�ใช�โฮสิต�

Page 4: Document01

1)CMS เป=นเคืร��องมี�อท��ช�วยให�คืวามีหลากหลายของเทคืน�คื และเจ�าหน�าท��ดำ�านเทคืน�คื ท��ไมี�สิามีารถสิร�าง, แก�ไข, จ+ดำการ เผ่ยแพื่ร�เน� อหา เช�น ข�อคืวามีกราฟ<กว�ดำ�โอ และเอกสิาร

ต+วอย�างของการร- �จ+กก+นดำ�สิ&าหร+บ CMS การสิร�างโปรแกรมี e-

commerce คื�อ "Joomla", "Drupal"และ "PrestaShop" อย�างไรก ตามี CMS เป=นช� นสิ�วนท��ซื้+บซื้�อนมีาก ของซื้อฟต�แวร�ท��จ&าเป=นต�องใช�เวลามีากท��จะเข�าใจและ คืวามีเข�าใจข+ นสิ-งท��จ&าเป=นของ HyperText Markup

Language (HTML), CSS และเทคืโนโลย�เว บ End-users ย+งต�องมี�คืวามีร- �ใน PHP สิ&าหร+บการแก�ไขเว บ และ MySQL เพื่��อจ+ดำการฐานข�อมี-ล เพื่��อเป=นหล+ก การท&างาน CMS ย+งคืงต�องการน+กพื่+ฒนาเว บ

CMS คื�อไมี�ไดำ�มี�คืวามีย�ดำหย(�นเมี��อใช�งานมีาถ%งการออกแบบและ โคืรงสิร�างของเว บไซื้ต� เว บไซื้ต� CMS เป=นหล+กใช�แมี�แบบ สิ&าหร+บการออกแบบ ง�ายต�อการจดำจ&าเพื่ราะพื่วกเขามี� มีาตรฐานร-ปแบบต�าง ๆ

เช�น 2 หร�อ 3 แบบคือล+มีน�ท��มี�กล�อง วางไว�ในต&าแหน�งต�างๆเพื่��อรองร+บเน� อหา น+กออกแบบจะต�องอย-�ภายในขอบเขตของประเภทน� แมี�จะมี�ข�อจ&าก+ดำ ในคืวามีย�ดำหย(�นและ เอกล+กษัณิ�ของการออกแบบ

นอกจากน� เว บไซื้ต� CMS คื�าใช�จ�ายมีาก ในการออกแบบเว บไซื้ต� เพื่ราะน+กออกแบบต�ดำต+ งและก&าหนดำคื�าฐานข�อมี-ลท��ออกแบบจากแมี�แบบแล�ว ปร+บแต�งเพื่��อรวมีสิ�วนขยายท+ งหมีดำเช�นเมีน-,โพื่ลล� ปAาย และร-ปแบบ นอกจากน� ย+งจะต�องใช�อย�างกว�างขวาง การทดำสิอบเพื่��อตรวจหาข�อผ่�ดำพื่ลาดำการท&างานร�วมีก+นและเบราว�เซื้อร� คืวามีละเอ�ยดำหน�าจอ

Page 5: Document01

2) เว บไซื้ต�ท�� Google ย+งมี�กลไกสิ&าหร+บผ่-�ใช�ข+ นปลาย ท��จะพื่+ฒนาเว บไซื้ต�อ�คือมีเมี�ร�ซื้ท��เร�ยบง�าย เช�นเดำ�ยวก+บ CMS ซื้อฟแวร�, Google Sites ย%ดำตามีแมี�แบบสิ&าหร+บการออกแบบ ผ่-�ใช�จะสิามีารถเล�อกและปร+บแต�งแอพื่ล�เคืช+น ตามีท��จะให�แมี�แบบ น��ก หมีายคืวามีว�า enduser ไมี�สิามีารถเปล��ยนร-ปแบบของแมี�แบบท��เล�อก น+�นคื�อคืวามีย�ดำหย(�น ข�อจ&าก+ดำ ในการออกแบบ

B. เทคโนโลย� Web 2.0 Web 2.0 ท+�วไป การใช�งานท��อ&านวยคืวามีสิะดำวกในการแลกเปล��ยนโต�ตอบ ช�วยให�ผ่-�ใช�ทางเล�อกท��อ�สิระในการ โต�ตอบหร�อท&างานร�วมีก+บคืนอ��น ๆ ในการเจรจาของสิ+งคืมี สิ��อเป=นผ่-�สิร�าง เน� อหาในเสิมี�อนช(มีชน เมี��อเท�ยบก+บเว บไซื้ต�ท��ผ่-�ใช�จ&าก+ดำ (สิมีาช�ก) และสิามีารถเร�ยกดำ-เน� อหาท��สิร�างข% นสิ&าหร+บ พื่วกเขา ต+วอย�างของเว บ 2.0 รวมีท+ งเว บไซื้ต�เคืร�อข�ายสิ+งคืมี เช�น บล อก Wikis, เว บไซื้ต�ท��ให�บร�การว�ดำ�โอร�วมีก+น ให�บร�การโฮสิต�เว บ การใช�งานและข�อมี-ลผ่สิมี

คืวามีน�ยมีท��เพื่��มีข% นของเคืร��องมี�อ Web 2.0 เช�น Facebook, Friendster,

บล อกและ wikis เป=นพื่� นฐานการเปล��ยนว�ธุ�ท��ผ่-�บร�โภคืใช�เว บหล+กพื่� นฐานของ Web 2.0 ผ่-�ใช�ท��สิามีารถสิร�างและแบ�งป3นเน� อหาของตนเองมี+กจะ เก��ยวก+บแบรนดำ�และผ่ล�ตภ+ณิฑ์�ของ บร�ษั+ท ให�ท+ งสิองอย�าง ดำ+งน+ น ท��จะท&าให�โปรแกรมีของเราเป=นผ่-�ใช�ยอมีร+บไดำ�ง�ายและใช�งานง�าย เพื่��อสิร�างไดำ�โดำยไมี�ต�องใช�รห+สิในการเข�ยนโปรแกรมีใดำ ๆ ท��เราสิร�างน� แอพื่ล�เคืช+นท��คืล�ายก+บการสิร�าง Web 2.0 เว บไซื้ต�เช�น Facebook,

Friendster และบล อก

FacebookFacebook เป=นโปรแกรมีเคืร�อข�ายสิ+งคืมี ท��ใช�โดำยท+�วไปเป=นการสิ��อสิาร ระหว�างเพื่��อน ไมี�มี�คืวามีย�ดำหย(�นเน��องจากผ่-�ใช�ไมี�สิามีารถ จ+ดำเร�ยงร-ปแบบอ�นเตอร�เฟซื้ไดำ�

Page 6: Document01

BlogspotBlogspot เป=นบล อกเคืร��องมี�อฟร�ท��เผ่ยแพื่ร�จาก Google สิ&าหร+บการแลกเปล��ยนคืวามีคื�ดำของเราก+บโลก Blogger จะใช�คื(ณิสิมีบ+ต�ในบล อกน� เพื่��อช�วยการโพื่สิต�ข�อคืวามี, ภาพื่, ว�ดำ�โอและอ��น ๆ ไปย+งบล อกของพื่วกเขา เคื�าโคืรงสิ&าหร+บ Blogspot มี�คืวามีก%�งย�ดำหย(�น เพื่ราะการออกแบบร-ปแบบย+งคืงข% นอย-�ก+บแมี�แบบ

Wikisว�ก�พื่�เดำ�ยเป=นเคืร��องมี�อท��ช�วยให�ผ่-�ใช�หลายคืน ท&างานร�วมีก+น ผ่�านทางเว บไซื้ต�ของกล(�มี ผ่-�ใช�แต�ละคืนสิามีารถเพื่��มี หร�อปร+บเปล��ยนข�อคืวามีเช�นเดำ�ยวก+บการอ+ปโหลดำไฟล� โดำยเพื่�ยงแคื�ใช�เว บเบราเซื้อร� ท(กคืนสิามีารถ แก�ไขข�อคืวามี หร�อแฟAมี อาจจะมีากเก�นไปสิ&าหร+บบางคืนท��ต�องการเป=นคืวามีล+บ คืวามีย�ดำหย(�นของโคืรงสิร�างของว�ก�พื่�เดำ�ยก หมีายคืวามีว�าข�อมี-ลจะกลายเป=นระเบ�ยบ

III การออกแบบของร�ปแบบการพั�ฒนา EDITOR

A.บล-อก บล อกมี�พื่� นสิ�วนโปรแกรมีท��สิามีารถ ใช�รวมีก+บบล อกอ��น ๆ เพื่��อสิร�างโปรแกรมีประย(กต�ไดำ�โดำยไมี�ต�องจะผ่�านข+ นตอนการเข�ยนโปรแกรมี การใช�บล อกจะ มี�ผ่-�ใช�ในการพื่+ฒนาโปรแกรมีโดำยตรง มี+นย+งมี� แนะน&าว�ธุ�การใหมี�สิ&าหร+บการเข�ยนโปรแกรมีท��เร�ยกว�า การเข�ยนบล อก-Based

บางสิ�วนของบล อกท��น&าเสินอท��จะให�น�

Page 7: Document01

ใบสิมี+คืรมี�ดำ+งน� :

เข�าสิ-�ระบบ•

ตะกร�า ผ่ล�ตภ+ณิฑ์� ช&าระเง�น บล อกการจ+ดำสิ�งสิ�นคื�า

B. แผนภาพั Use-case

การท&างานของระบบคืวามีต�องการการท&างานสิ&าหร+บระบบน� คื�อ:

สิมี+คืรสิมีาช�ก เข�าสิ-�ระบบ การสิร�างหน�าเว บ เล�อกบล อก ลากและวางบล อก แก�ไขคื(ณิสิมีบ+ต�ของบล อก บ-รณิาการ เร�ยกใช�โคืรงการ บ+นท%กโคืรงการ

1) สิมี+คืรสิมีาช�ก: ผ่-�ใช�ใหมี�จ&าเป=นต�องลงทะเบ�ยนก�อนท��จะสิามีารถ เร��มีใช�แบบ e-

commerce โปรแกรมีประย(กต�บนเว บ2) เข�าสิ-�ระบบ: สิ&าหร+บผ่-�ใช�ท��ไดำ�ลงทะเบ�ยนไว�แล�วสิามีารถ ต�อดำ�วยการเข�าสิ-�ระบบ3) การสิร�างหน�าเว บ: หล+งจากเคื�าโคืรงเข�าสิ-�ระบบเร�ยบร�อยแล�ว หน�าบรรณิาธุ�การจะแสิดำง ผ่-�ใช�สิามีารถเร��มีต�น ใช�งาน

Page 8: Document01

4) เล�อกบล อกของผ่-�ใช�สิามีารถเล�อกบล อกท��มี�ให� ณิ ดำ�านล�างของหน�า5) ลากและวางบล อก: บล อกท��เล�อกจะสิามีารถลาก และวางลงในพื่� นท��ท&างาน6) แก�ไขคื(ณิสิมีบ+ต�ปAองก+นผ่-�ใช�สิามีารถแก�ไขคื(ณิสิมีบ+ต�ดำ+งกล�าว เป=นช��อเร��องข�อคืวามีสิ�ต+วอ+กษัรข�อคืวามีขนาดำต+วอ+กษัรและข�อคืวามีของ บล อกท��เล�อก7) แบบบ-รณิาการปAองก+น: ท+ งหมีดำบล อกท��เล�อกจะเป=น รวบรวมี8) เร�ยกใช�โคืรงการ: หล+งจากบล อกไดำ�รวมีผ่-�ใช�สิามีารถ เร�ยกใช�หร�อดำ-ต+วอย�างของโคืรงการท��ไดำ�ท&า9) บ+นท%กโคืรงการ: ผ่-�ใช�สิามีารถบ+นท%กโคืรงการท��ไดำ�ท&า

หล+งจากท��ผ่-�ใช�ประสิบคืวามีสิ&าเร จในการเข�าสิ-�ระบบหน�าแก�ไขเคื�าโคืรง was แสิดำง ผ่-�ใช�สิามีารถมีองเห นช��อของพื่วกเขาจะปรากฏท��ข�อมี-ลรายละเอ�ยดำ ผ่-�ใช�สิามีารถแก�ไขรายละเอ�ยดำและย+งสิามีารถอ+ปโหลดำภาพื่ ท�� สิ�วนพื่� นท��ท&างานของเว บไซื้ต�เป=นช��อก�อนหน�าน� โดำยผ่-�ใช�จะไดำ�ร+บแสิดำงท��ดำ�านบน ในต+วอย�างน� เว บไซื้ต�เป=นช��อ 'My 'อ�คือมีเมี�ร�ซื้ หล+งจากน+ นผ่-�ใช�สิร�างหน�าแรกท��มี�ช��อว�า 'หน�าแรก' ดำ+งแสิดำงในร-ป 6 ขณิะน� ผ่-�ใช�สิามีารถเร��มีต�นการออกแบบหน�าแรก

พื่วกเขาสิามีารถเล�อกบล อกท��ให�ไว�ใน 'รายช��อบล อก' สิ�วนหน%�ง ต+วอย�างเช�นผ่-�ใช�เล�อกบล อกการเข�าสิ-�ระบบโดำยการลากจากรายการ 'สิ�วนบล อก 'และวางลงบนพื่� นท��ท&างาน บล อกการเข�าสิ-�ระบบ ถ-กก&าหนดำให�ก+บเพื่จ 'หน�าแรก'

หล+งจากท��บล อกการเข�าสิ-�ระบบไดำ�ร+บการคื+ดำเล�อกเราจะเห นสิ�วนท�� ดำ�านขวาคื�อการเปล��ยนแปลง ท��ดำ�านบนของดำ�านขวาท��เราสิามีารถสิ+งเกตเห น ต+วอย�างร-ปแบบสิ&าหร+บหน�าแรก บล อกการเข�าสิ-�ระบบท��ผ่-�ใช� เล�อกท��ปรากฏท��ภาพื่ต+วอย�างเคื�าโคืรง ผ่-�ใช�สิามีารถออกแบบโดำย จ+ดำเร�ยงต&าแหน�งของบล อกท�� พื่วกเขาสิามีารถวางต&าแหน�งท��

Page 9: Document01

ป<ดำก+ นท��ใดำก ไดำ�ในร-ปแบบโดำยไมี� จ&าก+ดำ ดำ+งน+ นจ%งเป=น ไมี� จ&าก+ดำ ในคืวามีย�ดำหย(�น ท��ตรงกลางของดำ�านขวา,คื(ณิสิมีบ+ต�และการดำ&าเน�นงานสิ&าหร+บบล อกการเข�าสิ-�ระบบคื�อ แสิดำง ดำ+งน+ นผ่-�ใช�สิามีารถปร+บแต�งเพื่��อให�มี�ล+กษัณิะท��ไมี�ซื้& าก+นและแตกต�างจากคืนอ��น ๆ ผ่-�ใช�งานสิามีารถตรวจสิอบและยกเล�กการเล�อก ช�องท&าเคืร��องหมีายท�� 'งาน' สิ�วนหน%�ง สิ�วนการดำ&าเน�นงานจะมี� พื่ฤต�กรรมีการปAองก+นและฟ3งก�ช+�น ต+วอย�างเช�นผ่-�ใช�หากต�องการท��จะให�ท&าเคืร��องหมีายในช�อง 'จดำจ&า' ในบล อกเข�าสิ-�ระบบสิามีารถท&างานไดำ�,ผ่-�ใช�จ&าเป=นต�องต�Dกหร�อตรวจสิอบช�องจ&าในสิ�วนการดำ&าเน�นงาน (ร-ปท�� 8)

V.สร�ปการใช�ว�ธุ�การตามีบล อกให�ง�ายสิภาพื่แวดำล�อมีสิ&าหร+บผ่-�ใช�เพื่��อพื่+ฒนาโปรแกรมีประย(กต�บนเว บเพื่ราะไมี�เก��ยวข�องก+บร-ปแบบของการเข�ารห+สิใดำ ๆ หว+งว�าสิ�งเสิร�มีให�ผ่-�ประกอบการขนาดำเล กและขนาดำกลาง พื่+ฒนาต+วเอง ประย(กต�ใช� e-commerce นอกจากน� ว�ธุ�น� ย+งช�วยให�การออกแบบของเว บ มี�คืวามีย�ดำหย(�น และท&าให�การใช�งานเว บไดำ� ปร+บแต�งตามีคืวามีต�องการของล-กคื�า

******************************