r10 - 19 Aug 2006 - 23:34:54 - PatipatTumsangthongYou are here: SETEC Wiki >  Knowledge Web  > WebTechnologyCategory > RubyOnRails > CodingOnRails > RubyOnRailsCourse1 > IntroductionToWebProgramming
Start Presentation

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

ภาพรวมของการพัฒนา Web site มีส่วนประกอบหลัก 3 ส่วน อยู่ในรูปแบบของ "3-tier architecture" ดังภาพด้านล่าง

3tier.png

ประกอบด้วย

  • 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
Browser เช่นบริการ http://www.nectec.or.th หรือ http://localhost เป็นต้น โปรแกรมที่ทำงานเป็น web server เช่น
    • 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

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

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

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

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

  • Macromedia Dreamweaver

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

  • FileZilla โปรแกรมใช้ในการ Upload งานจากเครื่อง ไปที่ web server
Edit | Attach | Printable | Raw View | Backlinks: Web, All Webs | History: r10 < r9 < r8 < r7 < r6 | More topic actions
 
Powered by SETEC Wiki
Copyright ©2012 by National Electronics and Computer Technology Center, NECTEC.
Ideas, requests, problems regarding SETEC Wiki? Send feedback