Web Based Application Development with Open Source

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


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

9


ตัวอยาง Server-Side Programming

10


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

11

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

12


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

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

13


สวนแบงการตลาดของโปรแกรม 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


สถติิการใชงานภาษา 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)


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


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

18

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


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

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

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

20




21


NECTEC Video On Demand

22




23


24




25


26

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



27

SVG


28

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



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


30




31

Knowledge Management

Papers

Affiliation

Meeting Minutes

Presentations Budget

Software

Tip&Trick

Web Board


32


33




34

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

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

Web Based Application Development with Open Source

Education

Transcript of Web Based Application Development with Open Source