Slide 1: ความรู้เบื้องต้นเกี่ยวกับ web programming

ประกอบด้วย

• 1. Web browser
• 2. Web server
• 3. Database server

Slide 2: คำศัพท์ที่ควรรู้

• เว็บบราวเซอร์ (Web Browser) – เว็บบราวเซอร์ คือ โปรแกรมที่ทำหน้าที่แสดงเนื้อหาเว็บไซต์ โดยแปลง ภาษา script เป็น html script เว็บบราวเซอร์ที่ได้รับความนิยม ได้แก่ Internet Explorer, Netscape Mozilla Firefox

• Web server : คือ เครื่องคอมพิวเตอร์ที่ทำหน้าที่ให้บริการ HTTP(HyperText^? Transfer Protocol) เพื่อให้ผู้ใช้สามารถอ่านข้อมูล ทั้งภาพ และเสียง ผ่าน Web

• • Apache เป็นโปรแกรมเว็บเซิร์ฟเวอร์ที่มีความสามารถสูงและเป็นที่นิยมใช้มากที่สุดในปัจจุบัน สามารถทำงานได้หลายระบบปฏิบัติการ เช่น ระบบ Unix, Linux, FreeBSD, Windows ดูรายละเอียดเพิ่มเติมได้ที่ www.apache.org
  • IIS (Internet Information Server) เป็นเว็บเซิร์ฟเวอร์ที่พัฒนาโดยบริษัทไมโครซอฟต์ ทำงานบนระบบปฏิบัติการ Windows NT 4.0, Windows 2000, Windows XP และ Windows Server 2003 ดูรายละเอียดเพิ่มเติมได้ที่ www.microsoft.com
  • Jakata Tomcat เป็นเว็บเซิร์ฟเวอร์ที่ใช้ทดสอบสริปต์ JSP(JavaCourseKasetsart Server Page)

• Database server : คือ เครื่องบริการข้อมูล ทำหน้าที่จัดการกับฐานข้อมูล เพื่อจัดเก็บข้อมูลอย่างเป็นระบบ สำหรับระบบฐานข้อมูลที่นิยมใช้ ได้แก่ MYSQL ,Microsoft Access,!PostgreSQL,SQL Server เป็นต้น โดยผู้ใช้ต้องเขียนโปรแกรมสั่งประมวลผล ปรับปรุงข้อมูล หรือนำข้อมูลในส่วนที่ตนเองมีสิทธิ์ ไปใช้ตามต้องการ

• เว็บเพจ (WebPage) : เอกสารที่เปิดดูผ่าน Web browser มีชื่อเรียกสั้น ๆ ว่า “ เว็บเพจ” ซึ่งส่วนใหญ่จะถูกสร้างขึ้นจากภาษา์ที่เรียกว่า HTML World Wide Web (www)

• เว็บไซต์ (Web Site) – เว็บไซต์ คือ ที่รวม Web Page หลายๆ หน้า โดยสามารถเปิดเว็บไซต์ ด้วยการพิมพ์ url ของเว็บไซต์ที่ต้องการ

• โฮมเพจ (Home Page) – แต่ละเว็บไซต์จะประกอบด้วยหน้าเว็บเพจจำนวนหลายหน้า แต่อย่างไรก็ตาม จะมีอยู่หน้าหนึ่งที่ถูกตั้งให้เป็นโฮมเพจ หรือหน้าแรกของเว็บไซต์ เป็นหน้าแรกที่ทุกคนที่เข้ามาใช้บริการ Website นั้นจะได้พบเจอก่อนหน้าอื่น ถ้าจะเปรียบไปก็เหมือนกับหน้าปกหนังสือนั้นเอง กล่าวคือ โฮมเพจเป็นทางเข้าของเว็บเพจทั้งหมดในเว็บไซต์นั้น เมื่อเราเปิดดูโฮมเพจ เราจะพบกับคำแนะนำการใช้งาน และสรุปสิ่งที่น่าสนใจในเว็บไซต์ไปจนถึงหัวข้อที่เชื่อมต่อไปยังเว็บเพจอื่น

• ลิงค์ (Link) : เว็บเพจแต่ละหน้าจะมีการเชื่อมโยงถึงกันได้โดยการผ่าน Link เราสามารถเรียกดูเว็บเพจหนึ่งจากอีกเว็บเพจหนึ่งได้ Link ทำให้เว็บเพจต่างจากเอกสารธรรมดาตรงที่เราสามารถดูข้อมูลรายละเอียดในส่วนที่มี Link ได้

• URL – (URL : Uniform Resource Location) คือ ตำแหน่งของเว็บไซตปลายทาง เช่น www.google.co.th

Slide 3: แนะนำเครื่องมือ

เครื่องมือที่ใช้ในการพัฒนา web site

• WMServerTools ภายในบรรจุด้วย Apache, php, perl, mysql, phpMyAdmin, smtp ดูรายละเอียดเพิ่มเติมได้ที่ www.wmcreation.it

• AppServ ภายในบรรจุด้วย Apache, php, mysql, phpMyAdmin ดูรายละเอียดเพิ่มเติมได้ที่ www.apservnetwork.com

• InstantRails ภายในบรรจุด้วย Apache,Ruby, mysql, phpMyAdmin ดูรายละเอียดเพิ่มเติมได้ที่ http://rubyforge.org/projects/instantrails/

เครื่องมือสำหรับเขียนโปรแกรม

1. เครื่องมือประเภท Text Editor เครื่องมือประเภทนี้ผู้สร้างเว็บเพจจะต้องรู้ไวยากรณ์ของภาษา ที่จะนำมาพัฒนา ตัวอย่างเครื่องมือประเภทนี้ เช่น

• ระบบ Windows : Notepad, EditPlus ,Rad Rails * เป็นต้น
• ระบบ Unix : Pico, Vi , Emace เป็นต้น

2. เครื่องมือช่วยสร้างเว็บแบบสำเร็จรูป (Web Builder) เครื่องมือประเภทนี้ผู้สร้างเว็บไม่จำเป็นต้องรู้แท็ก HTML ก็สามารถพัฒนาเว็บเพจ เป็นของตัวเองได้ ด้วยเวลาอันรวดเร็ว ตัวอย่างเครื่องมือประเภทนี้

• Macromedia Dreamweaver

โปรแกรมอื่นๆ ที่จำเป็นต้องใช้

• FileZilla โปรแกรมใช้ในการ Upload งานจากเครื่อง ไปที่ web server