1

ราชบดินทร สุวรรณคัณฑิงานวิจัยเทคโนโลยีคลังขอมูล

ฝายวิจัยและพัฒนาเทคโนโลยีคอมพิวเตอรเพื่อการคํานวณศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ

การพัฒนา Web Applicationดวยเทคโนโลยี Open Sourceการพัฒนา Web Applicationดวยเทคโนโลยี Open Source

ราชบดินทร สุวรรณคัณฑิงานวิจัยเทคโนโลยีคลังขอมูล

ฝายวิจัยและพัฒนาเทคโนโลยีคอมพิวเตอรเพื่อการคํานวณศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ

2

เนื้อหา

• พื้นฐานเกี่ยวกับ Web-based Application• ทําไมตองพัฒนา Application บนเว็บ?• ลกัษณะของการเขียนโปรแกรมบนเว็บ• องคประกอบของ Web-based Application• ตัวอยางการประยุกตใช Web-based Application

3

พื้นฐานเกี่ยวกับWeb-based Application (1)

Web-based Application คือ โปรแกรมหรือกลุมของโปรแกรมที่ไดรับการพัฒนาขึ้นมาเพื่อใชงานในบริการ WWW ของระบบเครือขายอินเทอรเน็ตหรือเครือขายอินทราเน็ต ที่ใชโปรโตคอล TCP/IP เปนมาตรฐานในการสื่อสารขอมูล โดยผูใชงานสามารถติดตอสื่อสาร หรือเรียกใชงานโปรแกรม Web-based Application ไดโดยใชโปรแกรมเว็บบราวเซอร

4

การพัฒนา Web-based Application สามารถทําไดโดยการเขียนโปรแกรมในภาษาที่ถกูออกแบบมาสาํหรับการพัฒนา Application บนระบบเครือขายอินเทอรเน็ต เชน Perl, PHP, ASP, JavaScript, VB Script, JSP, JAVA ฯลฯ และใน Application บางชนิดจะตองมกีารติดตอกับระบบฐานขอมูล

พื้นฐานเกี่ยวกับWeb-based Application (2)

5

ทําไมตองพัฒนา Application บนเว็บ? (1)

• ขอมูลบนเว็บสามารถเขาถึงไดจากผูชมจํานวนมากโดยไมมขีอจํากัดในเรื่องชนิดของระบบคอมพิวเตอร

• การนําเสนอขอมูลบนเว็บเปนการสื่อสารโดยตรงจากผูสงสารไปยังผูรับสารโดยใชระยะเวลาสัน้

• รูปแบบของการนําเสนอขอมูลมลีกัษณะเปนแบบ Hypertext และ Hypermedia ทําใหสามารถนําเสนอขอมูลที่นาสนใจในรูปแบบมัลติมีเดีย ที่สามารถเชื่อมโยงไปยังขอมูลชิ้นอื่นๆ ที่เกี่ยวของได

6

ทําไมตองพัฒนา Application บนเว็บ? (2)

• แนวโนมของการนําเสนอขอมูลบนอินเทอรเน็ตมีลกัษณะ Interactive คือ มกีิจกรรมที่ทําใหผูเขาชมมีสวนรวมกบัเว็บไซตมากขึ้น เชน Guestbook, Message board, Forms, ฯลฯ

• แนวโนมของการนําเสนอขอมูลบนอินเทอรเน็ตมีลกัษณะ Dynamic คือ มกีารปรับปรุงขอมูลใหทันสมัยอยูเสมอโดยอัตโนมตัิ

• มีเครื่องมืออํานวยความสะดวกในการพัฒนาขอมูล รวดเร็ว และประหยัด

7

ลกัษณะของการเขียนโปรแกรมหรือการประมวลผลบนเว็บมี 2 ประเภท คือ

1. Server-Side Programming คือ ลกัษณะของการเขียนโปรแกรมที่จะเกิดการประมวลผลที่เครื่องใหบริการ (Server) เชน การเขียนโปรแกรมดวย PHP, Perl, ASP, JSP

2. Client-Side Programming คือ ลักษณะของการเขียนโปรแกรมที่จะเกิดการประมวลผลที่เครื่องรับบริการ (Client) เชน การเขียนโปรแกรมดวย Java Script, VB Script

ลักษณะของการเขียนโปรแกรมบนเว็บ (1)

8

ลักษณะของการเขียนโปรแกรมบนเว็บ (2)

ลักษณะการทํางานของServer-Side Programming

9

ลักษณะของการเขียนโปรแกรมบนเว็บ (3)

ตัวอยาง Server-Side Programming

10

ลักษณะของการเขียนโปรแกรมบนเว็บ (4)

ลักษณะการทํางานของClient-Side Programming

11

องคประกอบของ Web Application (1)

12

องคประกอบของ Web Application (2)

ชนิดของ Open Source ที่ใชในการพัฒนา Web Application ในปจจบุัน

• ระบบปฏบิตัิการ: Linux• Web Server: Apache• Database Server: MySQL• Programming: PHP

13

องคประกอบของ Web Application (3)

สวนแบงการตลาดของโปรแกรม Web ServerData from Netcraft (http://news.netcraft.com/)

14

Data from Netcraft (http://news.netcraft.com/)

PHP: 22,267,442 Domains, 1,291,738 IP Addresses

องคประกอบของ Web Application (4)

สถติิการใชงานภาษา PHP บนอินเทอรเน็ต

15

Data from Security Space(http://www.securityspace.com/s_survey/data/man.200507/apachemods.html)

Module Count %

PHP 5,087,300 45.85

Perl 1,342,647 12.10

Tomcat 5,035 0.05

Apache Module Report (August 1st, 2005)

องคประกอบของ Web Application (5)

16

Datawarehouse

Database 1 Database 2 Database n

Metadata-XML

Middleware

Web-based Interface

Digital Archive portal

Database, Searching, XML, Information Grid,

Web Services, Standard

การประยุกตใช Web-based Application

17

การประยุกตใช Web-based Application

http://www.missingpersons.or.th/

18

• PHP version 5• MySQL• Apache• Linux Fedura Core

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

19http://www.nectec.or.th/e-Card/

ตัวอยางการประยุกตใช Web-based Application (2)

20

• PHP version 5• MySQL• Apache• Linux Fedura Core

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

21

การประยุกตใช Web-based Application

NECTEC Video On Demand

22

• PHP version 5• MySQL• Apache• Linux Fedura Core

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

23

การประยุกตใช Web-based Application

24

• PHP version 5• MySQL• Apache• Linux Fedura Core

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

25

การประยุกตใช Web-based Application

26

• PHP V4.2.2• PostgreSQL V7.3• Apache V2.0.40• Linux Redhat V9.0

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

27

SVG

การประยุกตใช Web-based Application

28

• Arcview V8.3• SVG V1.1• PHP V4.2.2• PostgreSQL V7.3• Apache V2.0.40• Linux Redhat V9.0

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

29http://www.sac.or.th

การประยุกตใช Web-based Application

30

• PHP V4.2.2• PostgreSQL V7.3• Apache V2.0.40• Linux Redhat V9.0

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

31

Knowledge Management

Papers

Affiliation

Meeting Minutes

Presentations Budget

Software

Tip&Trick

Web Board

การประยุกตใช Web-based Application

32

การประยุกตใช Web-based Application

33

• PHP V4.2.2• PostgreSQL V7.3• Apache V2.0.40• Linux Redhat V9.0

การประยุกตใช Web-based Application

เทคโนโลยีที่ใช

34

สรปุเครือ่งมือ Open Source ที่ใชในการพัฒนาWeb-based Application

• OS: Linux• Web Server: Apache• DBMS: MySQL, PostgreSQL• Programming: PHP, Perl• Graphic: SVG

35