ใบความรท 1 ความรทวไปเกยวกบอนเทอรเนตและการเตรยมความพรอมในการเขยนโปรแกรมบนอนเทอรเนต

1.1 ความหมายของ อนเทอรเนต (Internet) อนเทอรเนต (Internet) มาจากคำาวา Inter และ net

- อนเทอร (Inter) คอ ระหวาง หรอทามกลาง - เนต (Net) คอ เครอขาย (Network)

อนเทอรเนต (Internet) หมายถง เครอขายคอมพวเตอรขนาดใหญ ทมการเชอมตอระหวางเครอขายหลายๆ เครอขายทวโลก การโปรแกรมบนอนเตอรเนต (Internet Programming) เปนการโปรแกรมเพอแสดงบนเวบบราวเซอร (web Browser)

1.2 ทมาของอนเทอรเนตอนเทอรเนตเกดขนในป ค.ศ. 1969 (พ.ศ. 2512) จากการเกด

เครอขาย ARPANET (Advanced Research Projects Agency NETwork) ซงเปนเครอขายสำานกงานโครงการวจยชนสงของกระทรวงกลาโหม ประเทศสหรฐอเมรกา โดยมวตถประสงคหลกของการสรางเครอขายคอ เพอใหคอมพวเตอรสามารถเชอมตอ และมปฏสมพนธกนได เครอขาย ARPANET ถอเปนเครอขายเรมแรก ซงตอมาไดถกพฒนาใหเปนเครอขาย อนเทอรเนตในปจจบน

อนเทอรเนตในประเทศไทย เรมขนเมอป พ.ศ. 2530 โดยการเชอมตอมนคอมพวเตอรของมหาวทยาลยสงขลานครนทร และสถาบนเทคโนโลยแหงเอเชย (AIT) ไปยงมหาวทยาลยเมลเบรน ประเทศออสเตรเลย แตในครงนนยงเปนการเชอมตอโดยผานสายโทรศพท ซงสามารถสงขอมลไดชาและไมเปนการถาวร จนกระทงในป พ.ศ. 2535 ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต (NECTEC) ไดทำาการเชอมตอคอมพวเตอรกบมหาวทยาลย 6 แหง ไดแกจฬาลงกรณมหาวทยาลย, สถาบนเทคโนโลยแหงเอเชย (AIT) มหาวทยาล

ยสงขลานครนทร, ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต(NECTEC), มหาวทยาลยธรรมศาสตร และมหาวทยาลยเกษตรศาสตร เขาดวยกนเรยกวา "เครอขายไทยสาร"

การใหบรการอนเทอรเนตในประเทศไทยไดเรมตนขนเปนครงแรกเมอ เดอน มนาคม พ.ศ. 2538 โดยความรวมมอของรฐวสาหกจ 3 แหง คอ การสอสารแหงประเทศไทย องคการโทรศพทแหงประเทศไทย และสำานกงานสงเสรมวทยาศาสตรและเทคโนโลยแหงชาต (สวทช.) โดยใหบรการในนาม บรษท อนเทอรเนต ประเทศไทย (Internet Thailand) เปนผใหบรการอนเทอรเนตเชงพาณชยรายแรกของประเทศไทย

1.3 ความหมายและองคประกอบของ Website เวบไซต(website)  คอ หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงก สวนใหญจดทำาขนเพอนำาเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ (www)

เวบเพจ (Web Page) หมายถง หนาเอกสารของบรการ WWW จะถกเกบอยในรปแบบไฟล HTML (Hyper Text Markup Language) โดยไฟล HTML 1 ไฟลกคอเวบเพจ 1 หนา ภายในเวบเพจอาจประกอบไปดวยขอความ ภาพ เสยง วดโอ และภาพเคลอนไหวแบบมลตมเดย เวบเพจแตละหนาจะมการเชอมโยงหรอ ลงค“ ” (Link) กน เพอใหสามารถเรยกดเอกสารหนาอนๆ ทเกยวของได

เวบไซต (Web Site) หมายถง กลมของเวบเพจทเกยวของสมพนธกน เชน กลมของเวบเพจทใหขอมลเกยวกบประวต รวมทงสนคาและบรการของบรษทหนง เปนตน ภายในเวบไซตนอกจากเวบเพจหรอไฟล HTML แลว ยงประกอบไปดวยไฟลชนดอนๆ ทจำาเปนสำาหรบสรางหนาเวบเพจ เชน รปภาพ , มลตมเดย , ไฟลโปรแกรมภาษาสคลปต เวบเพจจะ

ถกเกบไวท คอมพวเตอรเครองหนงซงทำาหนาทเปน เวบเซรฟเวอร (Web Server) เพอใหสามารถเรยกดเวบเพจนนๆได

โฮมเพจ (Home Page) หมายถง เวบเพจหนาแรกของเวบไซต ปกตเวบเพจทกๆ หนาในเวบไซตจะถกลงค มาจากโฮมเพจ โดยตรงหรอโดยออม ถาเปรยบกบรานคา โฮมเพจกเปนเสมอนหนาราน จงมกถกออกแบบใหโดดเดนและนาสนใจมากทสด

1.4 ประเภทของเวบไซต1. เวบไซตประชาสมพนธองคกร (Corporate Website) จดทำาขน

เพอนำาเสนอขอมลและขาวสารสำาหรบองคกร2. เวบไซตบรการหรอเวบไซตชมชน (Community & Service

Website) จดทำาขนเพอเปนเครองมอในการสรางชมชน หรอใหบรการแกลกคาหรอสมาชกขององคกรหรอบรษทนน

3. เวบไซตจำาหนายสนคาหรอบรการออนไลน (E-Commerce Website) จดทำาขนเพอใชในการทำาตลาดหรอขายสนคาหรอบรการผานเวบไซต

4. เวบไซตนำาเสนอสอผสม (Multimedia & Presentation Website) เวบไซต มการนำาเอาเทคโนโลยใหม ๆ ททนสมยมาใชในการนำาเสนอ เชน ภาพเคลอนไหว (Animation), เสยง (Sound), หรอ ภาพวดโอ (VDO Streaming) นำาเสนอผานเวบไซต

1.5 การเตรยมการเพอเขยนโปรแกรมในการเขยนโปรแกรมบนอนเตอรเนต สงทผพฒนาตองมประกอบไปดวย

1. เครองคอมพวเตอรอยางนอย 1 เครอง โดยปกตการพฒนาระบบงานบนเวบจะตองมเครองคอมพวเตอรททำาเปน Web Server และ

Web Browser แตถามงบประมาณจำากดในการจดหาเครองคอมพวเตอรกสามารถใชเครองคอมพวเตอรเพยงเครองเดยวกได โดยใหเครองคอมพวเตอรนทำาหนาทเปนทง Web Server และ Web Browser ในตวเดยวกน

2. โปรแกรม Web Server ซงสามารถเลอกใชโปรแกรมอะไรกได เชน Apache, Internet Information Server (llS), Personal Web Server (PWS) เปนตน

3. PHP Engine หรอตวแปลภาษา PHP ซงเปนโปรแกรมทจะทำาหนาทแปลภาษา PHP เปนภาษาเครองเพอใหคอมพวเตอรสามารถทำางานและประมวลผลไดตามทตองการ

4. โปรแกรมฐานขอมล ซงสามารถเลอกใชฐานขอมลไดหลายประเภท เชน dBase, IMAP, MySql, MS Access, Oracle เปนตน

5. โปรแกรม Editor คอ โปรแกรมทใชในการสรางเวบเพจ เชน Adobe Dreamweaver, Microsoft Frontpage, Editplus เปนตน

ในการเรยนครงนจะใชโปรแกรม AppServ เปนโปรแกรมเพอ

จำาลองเครองคอมพวเตอรของผใชใหเปน Server ชวคราว โปรแกรมรวม apache,mysql,php ไวดวยกน โดยสงตอใหเครองในลกขาย (Cliants) ไดนำาขอมลไปใชตอไป

ในชดตดตง AppServ น   ประกอบดวยโปรแกรมตางๆ ดงตอไปน1. Apache สำาหรบทำาหนาทเปนเวบเซรฟเวอร2. PHP สำาหรบทำาหนาทเปนตวแปรภาษา PHP 3. MySQL สำาหรบทำาหนาทเปนดาตาเบสเซรฟเวอร 4. phpMyAdmin สำาหรบทำาหนาทเปนโปรแกรมบรหารจดการ

ฐานขอมลของ MySQL

1.6 ขนตอนการตดตงโปรแกรม AppServ1. ดาวนโหลดโปรแกรม AppServ

2. Double Click ไฟล appserv-win32-2.5.10

3. รอสกครจะปรากฏหนาจอ Welcome ใหกดปม Next เพอไปยงหนาตอไป

4. กดปม I Agree เพอยอมรบขอตกลงในการใชซอฟตแวร

5. กำาหนดโฟลเดอรสำาหรบตดตงโปรแกรม AppServ จากนนกดปม Next

6. เลอกองคประกอบ (Components) สำาหรบการตดตง แลวกดปม Next

7. จะปรากฏหนาจอสำาหรบใหกรอกขอมลเซฟเวอรของ (Server Information) ซงประกอบดวย

- ชอเซฟเวอร หรอ ยอารแอล (URL)- อเมลของผดแลเซฟเวอร- พอรตสำาหรบใชงาน หรอตดตอ

8. หลงกรอก Server Information แลว ขนตอนตอไปคอการกำาหนดคาสำาหรบ MySQL Server ซงตองระบ

- รหสผาน (Password) สำาหรบ root- ชดภาษา (Character Sets and Collations) ทใช

หลงจากกำาหนดคาดงกลาวแลว ใหกดปม Install9. ตามภาพ จะแสดงการปอนรหสผาน การยนยนรหสผาน และ

การกำาหนดภาษาทรองรบ

10. หลงกำาหนดคาสำาหรบ mySQL Server แลว ตวตดตงจะดำาเนนการตดตงองคประกอบตางๆ ลงในระบบ

11. เมอการตดตงเสรจสน ใหกดปม Finish

12. ระบบจะทำาการสตารท (Start) โปรแกรม Apache

13. เมอสตารท Apache Http Server เสรจ ใหทำาการเปดโปรแกรมเวบบราวเซอร และพมพคำาวา http://localhost ลงไปในชองรบยอารแอล (Address Bar) หากโปรแกรม Apache ทำางานไดเปนปกตจะปรากฏขอความในหนาแรกตามภาพ

14. สำาหรบองคประกอบตางๆ ของ AppServ จะถกตดตงไวทโฟลเดอร C:\AppServ

15. ไฟลเวบเพจจะถกเกบไวท Floder ทชอวา www16. การเรยกดเวบเพจทเราสรางขน จะพมพ

http://localhost/ Floder ทเกบไฟล/ชอไฟลเวบเพจ