Web Based Application Development with Open Source

12,285 views

Published on

สไลด์ประกอบการบรรยายในหัวข้อ "การพัฒนา Web Application ดวยเทคโนโลยี Open Source" สำหรับบุคคลทั่วไปของศูนย์เทคโนโลยีอิเล็กทรอนิกส์และคอมพิวเตอร์แห่งชาติ ในหลักสูตร LAMP training

Published in: Education
4 Comments
6 Likes
Statistics
Notes
No Downloads
Views
Total views
12,285
On SlideShare
0
From Embeds
0
Number of Embeds
94
Actions
Shares
0
Downloads
261
Comments
4
Likes
6
Embeds 0
No embeds

No notes for slide

Web Based Application Development with Open Source

  1. 1. การพัฒนา Web Application ดวยเทคโนโลยี Open Source ราชบดินทร สุวรรณคัณฑิ งานวิจัยเทคโนโลยีคลังขอมูล งานวิจัยเทคโนโลยีคลังขอมูล ฝายวิจัยและพัฒนาเทคโนโลยีคอมพิวเตอรเพื่อการคํานวณ ฝายวิจัยและพัฒนาเทคโนโลยีคอมพิวเตอรเพื่อการคํานวณ ศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ ศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ 1
  2. 2. เนื้อหา • พื้นฐานเกี่ยวกับ Web-based Application • ทําไมตองพัฒนา Application บนเว็บ? • ลักษณะของการเขียนโปรแกรมบนเว็บ • องคประกอบของ Web-based Application • ตัวอยางการประยุกตใช Web-based Application 2
  3. 3. พื้นฐานเกี่ยวกับ Web-based Application (1) Web-based Application คือ โปรแกรมหรือกลุมของ โปรแกรมที่ไดรับการพัฒนาขึ้นมาเพื่อใชงานใน บริการ WWW ของระบบเครือขายอินเทอรเน็ตหรือ เครือขายอินทราเน็ต ที่ใชโปรโตคอล TCP/IP เปน มาตรฐานในการสื่อสารขอมูล โดยผูใชงานสามารถ ติดตอสื่อสาร หรือเรียกใชงานโปรแกรม Web-based Application ไดโดยใชโปรแกรมเว็บบราวเซอร 3
  4. 4. พื้นฐานเกี่ยวกับ Web-based Application (2) การพัฒนา Web-based Application สามารถทํา ไดโดยการเขียนโปรแกรมในภาษาที่ถกออกแบบ ู มาสําหรับการพัฒนา Application บนระบบ เครือขายอินเทอรเน็ต เชน Perl, PHP, ASP, JavaScript, VB Script, JSP, JAVA ฯลฯ และใน Application บางชนิดจะตองมีการติดตอกับระบบ ฐานขอมูล 4
  5. 5. ทําไมตองพัฒนา Application บนเว็บ? (1) • ขอมูลบนเว็บสามารถเขาถึงไดจากผูชมจํานวนมาก โดยไมมขอจํากัดในเรื่องชนิดของระบบคอมพิวเตอร ี • การนําเสนอขอมูลบนเว็บเปนการสื่อสารโดยตรงจาก ผูสงสารไปยังผูรับสารโดยใชระยะเวลาสัน้ • รูปแบบของการนําเสนอขอมูลมีลกษณะเปนแบบ ั Hypertext และ Hypermedia ทําใหสามารถ นําเสนอขอมูลที่นาสนใจในรูปแบบมัลติมีเดีย ที่ สามารถเชื่อมโยงไปยังขอมูลชิ้นอื่นๆ ที่เกี่ยวของได 5
  6. 6. ทําไมตองพัฒนา Application บนเว็บ? (2) • แนวโนมของการนําเสนอขอมูลบนอินเทอรเน็ตมี ลักษณะ Interactive คือ มีกิจกรรมทีทําใหผูเขาชม ่ มีสวนรวมกับเว็บไซตมากขึ้น เชน Guestbook, Message board, Forms, ฯลฯ • แนวโนมของการนําเสนอขอมูลบนอินเทอรเน็ตมี ลักษณะ Dynamic คือ มีการปรับปรุงขอมูลให ทันสมัยอยูเสมอโดยอัตโนมัติ • มีเครื่องมืออํานวยความสะดวกในการพัฒนาขอมูล รวดเร็ว และประหยัด 6
  7. 7. ลักษณะของการเขียนโปรแกรมบนเว็บ (1) ลักษณะของการเขียนโปรแกรมหรือการประมวลผล บนเว็บมี 2 ประเภท คือ 1. Server-Side Programming คือ ลักษณะ ของการเขียนโปรแกรมที่จะเกิดการ ประมวลผลที่เครื่องใหบริการ (Server) เชน การเขียนโปรแกรมดวย PHP, Perl, ASP, JSP 2. Client-Side Programming คือ ลักษณะของ การเขียนโปรแกรมที่จะเกิดการประมวลผลที่ เครื่องรับบริการ (Client) เชน การเขียน โปรแกรมดวย Java Script, VB Script 7
  8. 8. ลักษณะของการเขียนโปรแกรมบนเว็บ (2) ลักษณะการทํางานของ Server-Side Programming 8
  9. 9. ลักษณะของการเขียนโปรแกรมบนเว็บ (3) ตัวอยาง Server-Side Programming 9
  10. 10. ลักษณะของการเขียนโปรแกรมบนเว็บ (4) ลักษณะการทํางานของ Client-Side Programming 10
  11. 11. องคประกอบของ Web Application (1) 11
  12. 12. องคประกอบของ Web Application (2) ชนิดของ Open Source ทีใชในการ ่ พัฒนา Web Application ในปจจุบัน • ระบบปฏิบติการ: Linux ั • Web Server: Apache • Database Server: MySQL • Programming: PHP 12
  13. 13. องคประกอบของ Web Application (3) Data from Netcraft (http://news.netcraft.com/) สวนแบงการตลาดของโปรแกรม Web Server 13
  14. 14. องคประกอบของ Web Application (4) PHP: 22,267,442 Domains, 1,291,738 IP Addresses Data from Netcraft (http://news.netcraft.com/) สถิติการใชงานภาษา PHP บนอินเทอรเน็ต 14
  15. 15. องคประกอบของ Web Application (5) Apache Module Report (August 1st, 2005) Module Count % PHP 5,087,300 45.85 Perl 1,342,647 12.10 Tomcat 5,035 0.05 Data from Security Space (http://www.securityspace.com/s_survey/data/man.200507/apachemods.html) 15
  16. 16. การประยุกตใช Web-based Application Database, Searching, XML, Web-based Interface Information Grid, Web Services, Standard Middleware Datawarehouse Metadata-XML Digital Archive portal Database 1 Database 2 Database n 16
  17. 17. การประยุกตใช Web-based Application http://www.missingpersons.or.th/ 17
  18. 18. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP version 5 • MySQL • Apache • Linux Fedura Core 18
  19. 19. ตัวอยางการประยุกตใช Web-based Application (2) http://www.nectec.or.th/e-Card/ 19
  20. 20. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP version 5 • MySQL • Apache • Linux Fedura Core 20
  21. 21. การประยุกตใช Web-based Application NECTEC Video On Demand 21
  22. 22. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP version 5 • MySQL • Apache • Linux Fedura Core 22
  23. 23. การประยุกตใช Web-based Application 23
  24. 24. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP version 5 • MySQL • Apache • Linux Fedura Core 24
  25. 25. การประยุกตใช Web-based Application 25
  26. 26. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP V4.2.2 • PostgreSQL V7.3 • Apache V2.0.40 • Linux Redhat V9.0 26
  27. 27. การประยุกตใช Web-based Application SVG 27
  28. 28. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • Arcview V8.3 • SVG V1.1 • PHP V4.2.2 • PostgreSQL V7.3 • Apache V2.0.40 • Linux Redhat V9.0 28
  29. 29. การประยุกตใช Web-based Application http://www.sac.or.th 29
  30. 30. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP V4.2.2 • PostgreSQL V7.3 • Apache V2.0.40 • Linux Redhat V9.0 30
  31. 31. การประยุกตใช Web-based Application Knowledge Management Papers Web Board Affiliation Tip&Trick Meeting Minutes Software Presentations Budget 31
  32. 32. การประยุกตใช Web-based Application 32
  33. 33. การประยุกตใช Web-based Application เทคโนโลยีทใช ี่ • PHP V4.2.2 • PostgreSQL V7.3 • Apache V2.0.40 • Linux Redhat V9.0 33
  34. 34. สรุปเครืองมือ Open Source ทีใชในการพัฒนา ่ ่ Web-based Application • OS: Linux • Web Server: Apache • DBMS: MySQL, PostgreSQL • Programming: PHP, Perl • Graphic: SVG 34
  35. 35. 35

×