รายวิชา 42105 การเขียนโปรแกรมบนเว็บ

1. รายวิชา 42105การเขียนโปรแกรมบนเว็บ - Web Programming -

2. Outline • ความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บ • การพัฒนาเว็บไซต์ด้วย Macromedia Dreamweaver • โครงสร้างของภาษา PHP • คำสั่งเลือกทำ และทำซ้ำ • คำสั่งที่ใช้กับฟอร์ม • คำสั่งเกี่ยวกับไฟล์และคำสั่งอื่นๆที่ควรทราบ • การเขียนโปรแกรมจัดการฐานข้อมูล

3. เกณฑ์การให้คะแนน • งานที่มอบหมาย 40 % • ใบงาน (20%) • ปลายภาค Project (20%) • ทดสอบย่อยครั้งที่ 1 15 % • ทดสอบย่อยครั้งที่ 2 15 % • ทดสอบกลางภาค 20 % • จิตพิสัย 10 %

4. ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต • ระบบการแทนชื่อในอินเทอร์เน็ต • การติดต่อเข้ากับอินเตอร์เน็ต • บริการด้านการสื่อสารและแลกเปลี่ยนข้อมูล

5. ระบบการแทนชื่อในอินเทอร์เน็ตระบบการแทนชื่อในอินเทอร์เน็ต • คอมพิวเตอร์ในอินเตอร์เน็ตติดต่อกันโดยใช้โปรโตคอลแบบ ทีซีพี (Transmission Control) และไอพี (Internet Protocol) ซึ่งเรียกรวม ๆ กันว่า ทีซีพี/ไอพี (TCP/IP) • หมายเลขประจำเครื่องคอมพิวเตอร์ในอินเตอร์เน็ตเรียกว่า หมายเลขไอพี (IP address)ซึ่งย่อมาจาก อินเตอร์เน็ตโปรโตคอล (Internet Protocol) • IP Address มีขนาด 32 บิต แบ่งเป็น 4 ส่วนๆ ละ 8 บิต ในการอ้างถึงก็จะแปลงเป็นเลขฐานสิบ ดังนั้นตัวเลขในแต่ละส่วนนี้จะมีค่าตั้งแต่ 0 ถึง 255 เท่านั้น เช่น 192.10.1.101 เป็นต้น

6. ระบบการแทนชื่อในอินเทอร์เน็ตระบบการแทนชื่อในอินเทอร์เน็ต • หมายเลขไอพีจดจำได้ยาก • แก้ปัญหาโดยตั้งชื่อเป็นตัวอักษรขึ้นมาแทนหมายเลขไอพี เรียกว่า ระบบชื่อโดเมน (Domain Name System) หรือ ดีเอ็นเอส (DNS) • หน่วยงาน InterNIC ( Internet Network Information Center ) ได้กำหนดโดเมนระดับบนสุด ให้เป็นมาตรฐานใช้ร่วมกันสำหรับหน่วยงาน และประเทศต่าง ๆ โดยจะบอกถึงประเภทขององค์กร หรือชื่อประเทศที่เครือข่ายตั้งอยู่

7. ระบบการแทนชื่อในอินเทอร์เน็ตระบบการแทนชื่อในอินเทอร์เน็ต โดเมนระดับบนสุด

8. ระบบการแทนชื่อในอินเทอร์เน็ตระบบการแทนชื่อในอินเทอร์เน็ต โดเมนระดับบนสุด

9. ระบบการแทนชื่อในอินเทอร์เน็ตระบบการแทนชื่อในอินเทอร์เน็ต

10. การติดต่อเข้ากับอินเทอร์เน็ตการติดต่อเข้ากับอินเทอร์เน็ต • เชื่อมต่อโดยตรง (Direct internet access) • ใช้บริการต่าง ๆ ได้ตลอดเวลา โดยการเชื่อมต่ออาจใช้เราท์เตอร์ เชื่อมโยงเครือข่ายภายในองค์กรเข้ากับเครือข่ายของอินเตอร์เน็ตโดยใช้ช่องทางการสื่อสาร เช่น สายเช่า ไมโครเวฟ สายใยแก้ว เป็นต้น • เชื่อมต่อผ่านการหมุนโทรศัพท์ (Dialup access) • ติดต่อผ่านสายโทรศัพท์ โดยใช้เครื่องไมโครคอมพิวเตอร์ติดต่อผ่านโมเด็ม (modem)

11. บริการด้านการสื่อสารและแลกเปลี่ยนข้อมูลบริการด้านการสื่อสารและแลกเปลี่ยนข้อมูล • จดหมายอิเล็กทรอนิกส์ (Electronic Mail) • การเข้าใช้เครื่องจากระยะไกล (Telnet) • การขนถ่ายไฟล์ (FTP) • WWW (World Wide Web)

12. ความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บ คำที่ควรทราบ • Web browserคือ โปรแกรมที่ใช้แปลภาษา html (interpreter) เช่น Internet Explorer , Netscape , Mozilla Firefox , Opera , etc. • URLคือ ที่อยู่ (Address) ของเว็บไซต์ เช่น www.hotmail.com เป็นต้น

13. ความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บ คำที่ควรทราบ • Serverคือ เครื่องคอมพิวเตอร์ที่ให้บริการต่างๆ เช่น Web Server จะให้บริการเกี่ยวกับเว็บไซต์ , Database Server จะให้บริการเกี่ยวกับการจัดการฐานข้อมูล เป็นต้น • Clientคือ เครื่องคอมพิวเตอร์ลูกข่าย เป็นเครื่องที่ใช้บริการ server

14. ความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรมบนเว็บ คำที่ควรทราบ • Web Serverคือ เครื่องคอมพิวเตอร์หรือโปรแกรมซึ่งให้บริการเว็บไซต์ ผู้ใช้เรียกชมหน้าเว็บไซต์ได้โดยใช้โปรโตคอล HTTP ผ่านทางเว็บเบราว์เซอร์(Web browser)

15. 1 www.mwit.ac.th/~cs 2 index.html 3 แปลงโค้ด html ให้เป็นรูปภาพ และข้อความ เครื่องให้บริการ (Server) ผู้ใช้ / เครื่องลูกข่าย (User / Client) index.html page2.html contact.html board.php vote.php

16. Server-Side Script www.mwit.ac.th/~cs/board.php 1 ข้อมูลต่างๆ เช่น Name, message, time โค้ดภาษาhtml 3 2 ประมวลผล board.php โค้ดภาษาhtml 4 แปลงโค้ด html ให้เป็นรูปภาพ และข้อความ เครื่องให้บริการ (Server) ผู้ใช้ / เครื่องลูกข่าย (User / Client) index.html page2.html contact.html board.php vote.php

17. ซอฟต์แวร์ที่ต้องใช้ • Macromedia Dreamweaver • Notepad หรือ EditPlus • ตัวแปลภาษา PHP • โปรแกรม Web Server เช่น Apache สำหรับ course นี้ใช้Appserv ซึ่งจะมีทั้ง Apache, และตัวแปลภาษา PHP • Adobe PhotoShop (อาจใช้หรือไม่ก็ได้ สำหรับตกแต่งภาพ)

18. What is PHP ? ภาษา PHP (ย่อมาจาก PHP: Hypertext Preprocessor หรือชื่อเดิม Personal Home Page) คือ ภาษาคอมพิวเตอร์ Server-SideScript ที่ใช้กันอย่างแพร่หลาย ซึ่งใช้ในการจัดทำเว็บไซต์และสามารถประมวลผลออกมาในรูปแบบ HTML โดยมีรากฐานโครงสร้างคำสั่งมาจากภาษา ภาษาซี ภาษาจาวา และ ภาษาเพิร์ล ซึ่ง ภาษาพีเอชพี นั้นง่ายต่อการเรียนรู้ ซึ่งเป้าหมายหลักของภาษานี้ คือให้นักพัฒนาเว็บไซต์สามารถเขียนเว็บเพจ ที่มีความตอบโต้ได้อย่างรวดเร็ว

19. ตัวอย่างเว็บเพจที่ใช้ภาษา PHP เราสามารถเขียนสคริปต์ HTML ควบคู่กับสคริปต์ PHP (จากตัวอย่างคือ การแสดงผลข้อความ) คำสั่งภาษา PHP จะเขียนอยู่ระหว่างแท็กเริ่ม <?php และจบ ?>