ใบงานที่ 5

ใบงานท่ี 5

จดั ทำโดย
นายภาณุพงษ์ หวัดสนทิ เลขท่ี 29
นายพรี วสั กมลจติ สุนทร เลขท่ี 27
นายกษิดิษฐ์ แก้วไมล่ มื รัง เลขท่ี 11
นายอษั ฎายุธ วรรณศริ ิ เลขท่ี 34

ปวส. 2/1 คอมพวิ เตอร์ธรุ กจิ

เสนอ
ครูจริ าพร ศริ ิภิรมย์

ภาคเรยี น 2 ปกี ารศกึ ษา 2563

1.การติดตงั้ โปรแกรมเว็บเซริ ฟ์ เวอร์แบบออฟไลน์

เตรียมโปรแกรมเพ่ือติดต้ัง
ดาวนโ์ หลดโปรแกรม AppServ จากเวบ็ ไซต์ http://www.appserv.org โดยเลือกเวอร์ช่ันทต่ี ้องการติดตัง้

ระหว่างเวอร์ช่ัน 2.4.x และ 2.5.xโดยความแตกตา่ งของ 2 เวอร์ชน่ั นี้คือ2.4.x คือเวอร์ช่นั ท่ีนำ Package ท่ีมีความ
เสถียรเป็นหลกั เหมาะสำหรับผทู้ ตี่ ้องการความมั่นคงของระบบโดยไม่ได้มุ่งเน้นท่ีจะใชฟ้ ังกช์ ั่นใหม่ 2.5.x คือเวอร์
ชัน่ ท่ีนำ Package ใหม่ๆ นำมาใชง้ านโดยเฉพาะ เหมาะสำหรับนกั พฒั นาที่ต้องการระบบใหม่ๆหรือต้องกาทดสอบ
ทดลองใชง้ านฟังกช์ นั่ ใหม่ ซ่ึงอาจจะไม่ได้ความเสถยี รของระบบได้ 100%เนื่องจากว่า Package จากนักพัฒนานั้น
ยังอยู่ในช่วงของข้ันทดสอบ ทดลองเพ่ือหาข้อผดิ พลาดอยู่
ขัน้ ตอนการติดต้งั AppServ
1. ดบั เบล้ิ คลกิ ไฟล์ appserv-win32-x.x.x.exe เพอ่ื ทำการตดิ ตั้ง จะปรากฏหน้าจอตามรูปท่ี 1

รปู ที่ 1 ขน้ั ตอนการตดิ ต้ังโปรแกรม AppServ

2. เข้าสู่ขั้นตอนเงื่อนไขการใช้งานโปรแกรม โดยโปรแกรม AppServ ได้แจกจา่ ยในรปู แบบ GNU License หากผู้
ตดิ ตั้งอ่านเงอ่ื นไขต่างๆ เสรจ็ สน้ิ แล้ว หากยอมรับเง่ือนไขให้กด Next เพ่อื เข้าสู่การติดตั้งในข้ันต่อไป แต่หากวา่ ไม่
ยอมรับเงื่อนไขให้กด Cancel เพ่ือออกจากการติดตั้งโปรแกรม AppServ ดังรปู ตัวอย่างที่ 2

รปู ท่ี 2 แสดงรายละเอียดเง่ือนไขการ GNU License
3. เข้าสขู่ ้ันตอนการเลือกปลายทางทีต่ ้องการติดตง้ั โดยคา่ เรม่ิ ตน้ ปลายทางท่ีติดตัง้ จะเป็น C:AppServ
หากตอ้ งการเปลย่ี นปลายทางท่ตี ิดตงั้ ใหก้ ด Browse แลว้ เลือกปลายทางท่ตี ้องการ ตามรปู ที่ 3 เมอื่ เลือก
ปลายทางเสรจ็ สิน้ ให้กดปมุ่ Next เพ่อื เขา้ สู่ขนั้ ตอนการติดตงั้ ขน้ั ต่อไป

รปู ที่ 3 เลอื กปลายทางการติดต้งั โปรแกรม AppServ

4. เลอื ก Package Components ที่ตอ้ งการตดิ ต้ัง โดยค่าเริม่ ตน้ น้ันจะให้เลือกลงทุก Package แตห่ ากวา่ ผใู้ ช้งาน
ต้องการเลอื กลงเฉพาะบาง Package กส็ ามารถเลือกตามข้อท่ตี ้องการออก โดยรายละเอียดแต่ละ Package มี
ดังน้ี

– Apache HTTP Server คือ โปรแกรมท่ีทำหน้าเป็น Web Server
– MySQL Database คือ โปรแกรมท่ีทำหน้าเป็น Database Server
– PHP Hypertext Preprocessor คอื โปรแกรมท่ที ำหน้าประมวลผลการทำงานของภาษา PHP
– phpMyAdmin คือ โปรแกรมที่ใชใ้ นการบรหิ ารจัดการฐานขอ้ มลู MySQL ผ่านเว็บไซต์
เมื่อทำการเลอื ก Package ตามรูปที่ 4 เรยี บร้อยแลว้ ให้กด Next เพือ่ เขา้ สูข่ ้ันตอนการติดต้งั ต่อไป

รปู ท่ี 4 เลือก Package Components ทีต่ อ้ งการตดิ ต้ัง

5. กำหนดคา่ คอนฟกิ ของ Apache Web Server มอี ยูด่ ้วยกันทง้ั หมด 3 ส่วน ตามรูปท่ี 5 คอื
Server Name คอื ชอ่ งสำหรับป้อนข้อมลู ชือ่ Web Server ของท่านเช่น www.appserv.org
Admin Email คือชอ่ งสำหรบั ปอ้ นข้อมูล อีเมลผ์ ดู้ ูแลระบบ เช่น [email protected]
HTTP Port คือชอ่ งสำหรับระบุ Port ทจี่ ะเรยี กใชง้ าน Apache Web Server โดยทัว่ ไปแลว้ Protocol
HTTP น้นั จะมีค่าหลักคือ 80 หากวา่ ทา่ นต้องการหลีกเลยี่ งการใช้ Port 80 กส็ ามารถแก้ไขได้
หากมีการเปลย่ี นแปลง Port การเข้าใช้งาน Web Server แลว้ ทุกครง้ั ทีเ่ รยี กใชง้ านเว็บไซต์
จำเปน็ ทีต่ อ้ งระบหุ มายเลข Port ด้วย เชน่ หากเลือกใช้ Port 99 ในการเขา้ เวบ็ ไซต์ทุกคร้งั ตอ้ งใช้
http://www.appserv.org:99 จึงจะสามารถเข้าใชง้ านได้

รูปท่ี 5 แสดงการกำหนดค่าคอนฟิกค่า Apache Web Server

6. กำหนดค่าคอนฟกิ ของ MySQL Database มีอยดู่ ว้ ยกนั ทง้ั หมด 3 ส่วน ตามรปู ท่ี 6 คือ
Root Password คือช่องสำหรบั ปอ้ น รหัสผา่ นการเขา้ ใชง้ านฐานข้อมลู ของ Root หรือผู้ดูแลระบบ
ทกุ ครัง้ ทเ่ี ข้าใช้งานฐานขอ้ มูลในลกั ษณะทเี่ ปน็ ผดู้ แู ลระบบ ใหร้ ะบุ user คือ root
Character Sets ใชใ้ นการกำหนดค่าระบบภาษาที่ใช้ในการจัดเกบ็ ฐานข้อมลู , เรียงลำดับฐานข้อมลู ,
Import ฐานขอ้ มูล, Export ฐานข้อมลู , ติดต่อฐานขอ้ มลู
Old Password หากทา่ นมปี ัญหาเกยี่ วกับการใช้งาน PHP กับ MySQL API เวอรช์ ั่นเกา่
โดยเจอ Error Client does not support authentication protocol requested by server;

consider upgrading MySQL client
ให้เลอื กในส่วนของ Old Password เพื่อหลีกเล่ยี งปัญหานี้
Enable MyISAM หากท่านต้องการใช้งานฐานขอ้ มูลในรูปแบบ MyISAM ใหเ้ ลือกในสว่ นนด้ี ว้ ย

รปู ที่ 6 แสดงการกำหนดคา่ คอนฟิกของ MySQL Database
7. สิ้นสดุ ข้ันตอนการติดตง้ั โปรแกรม AppServ สำหรับขั้นตอนสดุ ท้ายนี้จะมีใหเ้ ลือกวา่ ตอ้ งการสง่ั ให้มกี ารรนั
Apache และ MySQL ทนั ทหี รือไม่ จากน้นั กดป่มุ Finish เพอื่ เสร็จสิ้นการตดิ ตัง้ โปรแกรม AppServ

รูปที่ 7 แสดงหน้าจอขัน้ ตอนส้นิ สุดการติดตง้ั โปรแกรม AppServ

2. การขอพน้ื ท่ีเว็บไซต์และการอัพโหลดขอ้ มูล

การทเี่ ราจะทำให้คนท่ัวไปไดเ้ หน็ เวบ็ ของเรานน้ั เราจำเปน็ ตอ้ งนำเว็บเพจทเี่ ราสรา้ งขี้นมาไปเก็บไวท้ ่ี web server
ซง่ึ web server จะทำหน้าที่คอยส่งไฟลท์ ่ีเราทำขึ้นมาไปใหค้ นทัว่ ไปได้เหน็ เหมอื นกบั ที่เราเรยี กไฟลจ์ ากเคร่ือง
ของเรามาดนู น่ั เอง

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

ในบทนจี้ ะเกยี่ วกับการใช้บริการ web server ฟรี ซง่ึ ในบทความนี้จะใชบ้ รกิ าร free web server
ของ http://www.freewebhostingarea.com/

รายละเอียดการสมคั รเขา้ ใช้ web server

1. ให้พ้ืนท่ีในการจดั เก็บไฟล์ของคุณถึง 200 MB แต่ไฟล์ที่คุณจะนำไปเก็บไว้ที่ server ตัวน้ีนน้ั จะตอ้ งมขี นาดเล็ก
วา่ 10 MB (การดูขนาดไฟลข์ องคุณทำไดโ้ ดยคลิกขวาทีไ่ ฟลน์ ้นั เลอื ก Properties ดูท่ี size จะบอกขนาดของไฟล์
เอาไว้)
2. ให้คุณสามารถส่งไฟล์ไปท่ี web server ด้วยระบบ FTP ได้
3. และอื่นๆอีกมากมายซ่งึ ถ้าเขียนใสใ่ นบทความน้ีอาจทำให้บทความนย้ี าวเกนิ ไป

เร่มิ ตน้ ของใช้บริการฟรี

1. หลงั จากท่ีคุณเปิด http://www.freewebhostingarea.com/ แล้วเล่ือนลงมาดดู ้านล่างของเว็บจะเหน็ ช่องให้
เราใช่ชอื่ เว็บของเราซ่ึงมีด้วยกัน 3 ชอ่ งดว้ ยกนั คือ

1. www.ชอ่ื เว็บของคุณ.6te.net
2. www.ชอ่ื เวบ็ ของคุณ.ueuo.com
3. www.ชอ่ื เวบ็ ของคณุ .orgfree.com

ซงึ่ ในบทความนเ้ี ราจะใช้ http://hellomyweb.6te.netตามรปู ด้านล่าง
2. กรอกรายละเอียด

2. กรอกรายละเอียด

3. เมื่อสมคั รเสร็จแล้วจะมีหนา้ จอดงั ภาพ ซ่ึงคุณตอ้ งคลิกที่ลงิ คด์ ้านล่างเพื่อยืนยันการสมัครเขา้ ใชง้ าน

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

5. เมือ่ สมัครขอใชบ้ ริการเรยี บร้อยแล้ว เราก็จะเร่ิมนำไฟล์ไปเก็บไว้ท่ี web server กนั ซึง่ การนำไฟล์ไปเก็บไวใ้ น
web server กใ็ หเ้ ราเปิด My Computer ข้ึนมาแล้วพิมพ์ ftp://ชื่อเวบ็ ของคุณ ซึ่งในบทความนี้กเ็ ป็น
ftp://hellomyweb.6te.net จะมีหนา้ จอถาม username และ password ขนึ้ มาใหค้ ุณใส่ username และ
password ท่ไี ด้จากภาพด้านบน เม่อื กรอกเสร็จกเ็ ปน็ ดงั รูปดา้ นล่าง

6. ใหค้ ุณลบไฟล์ที่มีอยู่ ทั้งหมดแลว้ นำไฟล์ของคุณไปใส่แทน โดยลากไฟลจ์ ากในเครื่องลงใน My computer ได้
เลย

โดยที่ เม่อื คณุ เปิดเว็บของคุณ เช่น www.hellomyweb.6te.net ตวั web server จะหาไฟลท์ ีช่ ื่อ
index.html มาแสดงเปน็ หน้าแรก (home page) ของคุณถา้ คณุ ไม่มี file ท่ชี ่ือ index.html ก็ไมส่ ามารถ
เปดิ เว็บไซตข์ องคณุ ได้ และ web browser จะแสดง error ออกมา



3. ขั้นตอนอัปโหลด

หลังจากท่ไี ดเ้ ชือ่ มตอ่ กับ Server เรียบรอ้ ยแลว้ ขน้ั ตอนตอ่ ไปคือการอัปโหลดเว็บไซต์ สามารถเลือก
อปั โหลดเวบ็ ไซต์ทง้ั หมด หรอื เลือกอัปโหลดทลี ะไฟล์หรอื ทีละโฟลเดอร์ก็ได้ มรี ายละเอียดดังน้ี

การอัปโหลดเว็บไซต์ท้ังหมด มขี ั้นตอนดงั นี้
1. คลกิ ปมุ่ (Expand to show local and remote site) เพื่อขยายมุมมองการทำงานของพาเนล Files
2. คลกิ ปุ่ม (Connects to remote host) เพอื่ เชื่อมต่อกับ Server ได้สมบูรณ์
3. ระบบกำลังเชอ่ื มตอ่ กบั Server

4. จะแสดงโครงสรา้ งโฟลเดอรข์ องฝัง่ Server เม่อื เชื่อมต่อไดส้ มบรู ณ์
5. คลิก Site เมอ่ื ต้องการอัปโหลดทัง้ เว็บไซต์
6. คลิกปมุ่ (Put file(s) to) เพือ่ อัปโหลดเว็บไซต์ไปยงั server

7. คลกิ ปมุ่ OK เพือ่ ยืนยันการอัปโหลดทัง้ เว็บไซต์
8. ระบบจะทำการอัปโหลดเว็บไซต์
9. เมอ่ื ระบบอัปโหลดท้ังเว็บไซตเ์ สร็จสน้ิ แล้ว จะไดโ้ ฟลเดอร์และไฟล์ปรากฏในฝ่งั Server

การอัปโหลดทลี ะไฟลห์ รือทีละโฟลเดอร์ มีขั้นตอนดงั นี้

1. คลกิ เลอื กไฟล์หรือโฟลเดอรท์ ่ตี ้องการอัปโหลด
2. คลิกปุ่ม (Put file(s) to) เพ่อื อัปโหลดไฟล์หรือโฟลเดอร์ไปยงั server
3. ระบบจะทำการอัปโหลดไฟลห์ รือโฟลเดอร์
4. เมอื่ ระบบอัปโหลดเสร็จสนิ้ แล้ว จะไดไ้ ฟลห์ รอื โฟลเดอร์ปรากฏในฝ่ัง Server เมอื่ เปิดเว็บไซต์ท่ีไดจ้ ดทะเบียนไว้
ดว้ ยบราวเซอรก์ ็จะเหน็ เว็บเพจแสดงขนึ้ มา



4. การตดิ ตั้งเว็บไซตแ์ บบออนไลน์
1.คลกิ เปิดเบราว์เซอร์ Internet explorer จากนั้นคลกิ ลงิ น้เี ลย Google Chrome

2. เมื่อเขา้ มาแลว้ คลิกปุ่ม ดาวโหลด Chrome

3. ตอ่ ด้วย คลกิ ปุ่ม ยอมรบั และตดิ ตง้ั

4. เขา้ ไปยังโฟลเดอรท์ ่ีดาวโหลดโปรแกรมเกบ็ ไว้ จากนน้ั คลกิ เพื่อตดิ ต้งั โปรแกรม Google Chrome
5. เมอ่ื ตดิ ต้งั เสร็จ จะมกี ารตั้งคา่ ตัวโปรแกรม โดยเรมิ่ จากกดป่มุ เร่มิ ตน้ ใช้งาน

6. เลือกเพิ่มแอป Google ในบุ๊กมาร์ก จากน้ัน กดปุ่ม ถดั ไป
7. ต่อด้วยเลอื กพื้นหลังแล้ว กดป่มุ ถดั ไป

8.ต้ังค่าเบราว์เซอร์ Chrome ใหเ้ ปน็ เบราว์เซอรเ์ ร่มิ ต้น คลิกปุ่ม ต้ังเป็นคา่ เริ่มตน้
9. เลอื กโปรแกรม Google Chrome > จากนน้ั ปดิ หนา้ น้ีลง

10. สำหรับใครทม่ี ี Gmail สามารถซงิ คเ์ ข้าตดิ ตั้งบุ๊กมารก์ (Bookmark) รหัสผา่ น (Password) และบริการตา่ งๆ
จากทาง Google ได้อัตโิ นมัติ โดย คลกิ ปุ่ม ต่อไป

11. กรอกอีเมล์ (Email) และรหัสผ่านจเี มล์ (Password) แลว้ ลอ็ คอินเข้าระบบ

เปิดการซงิ ค์ไหม?

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

เพยี งเทา่ น้เี ราก็ได้เบราวเ์ ซอร์ Google Chrome มาใช้งานแลว้