SlideShare a Scribd company logo
การพัฒนา Web Application
ดวยเทคโนโลยี Open Source


                ราชบดินทร สุวรรณคัณฑิ
               งานวิจัยเทคโนโลยีคลังขอมูล
               งานวิจัยเทคโนโลยีคลังขอมูล
 ฝายวิจัยและพัฒนาเทคโนโลยีคอมพิวเตอรเพื่อการคํานวณ
 ฝายวิจัยและพัฒนาเทคโนโลยีคอมพิวเตอรเพื่อการคํานวณ
   ศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ
   ศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ
                                                        1
เนื้อหา
•   พื้นฐานเกี่ยวกับ Web-based Application
•   ทําไมตองพัฒนา Application บนเว็บ?
•   ลักษณะของการเขียนโปรแกรมบนเว็บ
•   องคประกอบของ Web-based Application
•   ตัวอยางการประยุกตใช Web-based Application




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



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



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

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


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

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

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

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




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

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




   ตัวอยาง Server-Side Programming
                                      9
ลักษณะของการเขียนโปรแกรมบนเว็บ (4)




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

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




                                11
องคประกอบของ Web Application (2)
  ชนิดของ Open Source ทีใชในการ
                        ่
  พัฒนา Web Application ในปจจุบัน

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


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




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

สวนแบงการตลาดของโปรแกรม Web Server
                                                      13
องคประกอบของ Web Application (4)
PHP: 22,267,442 Domains, 1,291,738 IP Addresses




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


  สถิติการใชงานภาษา PHP บนอินเทอรเน็ต
                                                  14
องคประกอบของ 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
การประยุกตใช 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
การประยุกตใช Web-based Application




http://www.missingpersons.or.th/
                                         17
การประยุกตใช Web-based Application

             เทคโนโลยีทใช
                       ี่
              •   PHP version 5
              •   MySQL
              •   Apache
              •   Linux Fedura Core



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




http://www.nectec.or.th/e-Card/
                                              19
การประยุกตใช Web-based Application

             เทคโนโลยีทใช
                       ี่
              •   PHP version 5
              •   MySQL
              •   Apache
              •   Linux Fedura Core



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




         NECTEC Video On Demand
                                       21
การประยุกตใช Web-based Application

             เทคโนโลยีทใช
                       ี่
              •   PHP version 5
              •   MySQL
              •   Apache
              •   Linux Fedura Core



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




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

             เทคโนโลยีทใช
                       ี่
              •   PHP version 5
              •   MySQL
              •   Apache
              •   Linux Fedura Core



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




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

             เทคโนโลยีทใช
                       ี่
              •   PHP V4.2.2
              •   PostgreSQL V7.3
              •   Apache V2.0.40
              •   Linux Redhat V9.0



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


SVG




                                        27
การประยุกตใช 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
การประยุกตใช Web-based Application




              http://www.sac.or.th     29
การประยุกตใช Web-based Application

             เทคโนโลยีทใช
                       ี่
              •   PHP V4.2.2
              •   PostgreSQL V7.3
              •   Apache V2.0.40
              •   Linux Redhat V9.0



                                       30
การประยุกตใช Web-based Application
                 Knowledge Management


  Papers                                    Web Board

   Affiliation                            Tip&Trick


     Meeting Minutes                    Software

             Presentations         Budget


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




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

             เทคโนโลยีทใช
                       ี่
              •   PHP V4.2.2
              •   PostgreSQL V7.3
              •   Apache V2.0.40
              •   Linux Redhat V9.0



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

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

                                       34
35

More Related Content

PDF
Introduction to PHP programming
Rachabodin Suwannakanthi
 
PDF
Internet 2000
Rachabodin Suwannakanthi
 
PDF
Video on Demand System for Medical Applications
Rachabodin Suwannakanthi
 
PDF
Electronic Museum
Rachabodin Suwannakanthi
 
PDF
Technique to Delivery Information via the Internet
Rachabodin Suwannakanthi
 
PDF
Technology for National Document Preservation
Rachabodin Suwannakanthi
 
PDF
Wat Makutkasattriyaram e-museum
Rachabodin Suwannakanthi
 
Introduction to PHP programming
Rachabodin Suwannakanthi
 
Video on Demand System for Medical Applications
Rachabodin Suwannakanthi
 
Electronic Museum
Rachabodin Suwannakanthi
 
Technique to Delivery Information via the Internet
Rachabodin Suwannakanthi
 
Technology for National Document Preservation
Rachabodin Suwannakanthi
 
Wat Makutkasattriyaram e-museum
Rachabodin Suwannakanthi
 

What's hot (8)

PDF
20100923 oss-freeware-ecosystem
Boonlert Aroonpiboon
 
PPT
Open Source Reference Manager : Zotero
Boonkiat Chetchamnongnuch
 
DOC
Internet
Sutin Yotyavilai
 
PPT
Web 2.0 & Social Networking
Boonlert Aroonpiboon
 
PDF
20190220 digital-archives
Boonlert Aroonpiboon
 
PPT
Library 2.0
Satapon Yosakonkun
 
PDF
LAM Code of conduct
Boonlert Aroonpiboon
 
PDF
Digital Media Standard
Boonlert Aroonpiboon
 
20100923 oss-freeware-ecosystem
Boonlert Aroonpiboon
 
Open Source Reference Manager : Zotero
Boonkiat Chetchamnongnuch
 
Web 2.0 & Social Networking
Boonlert Aroonpiboon
 
20190220 digital-archives
Boonlert Aroonpiboon
 
Library 2.0
Satapon Yosakonkun
 
LAM Code of conduct
Boonlert Aroonpiboon
 
Digital Media Standard
Boonlert Aroonpiboon
 
Ad

Viewers also liked (20)

PDF
Native vs. Web vs. Hybrid: Mobile Development Choices
Jason Grigsby
 
PDF
Storyboard การออกแบบ application
Weerachat Martluplao
 
PDF
Brew up a Rich Web Application with Cappuccino
Howard Lewis Ship
 
PPTX
Animation Restaurant2
tunk
 
KEY
Web app
조 용구
 
PDF
App storyboard
Hyo Jin
 
KEY
Smart phone development
Myles Eftos
 
PDF
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
IMC Institute
 
PDF
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
Nunta Petman
 
PDF
lesson1 JSP
Kukik Kanoknuan
 
PPT
Hybrid vs Native vs Web Apps
Poluru S
 
PDF
Java Web programming Using NetBeans
Software Park Thailand
 
PDF
สร้าง Soap web services ง่ายๆ
Utain Wongpreaw
 
PDF
lesson4 JSP
Kukik Kanoknuan
 
PPT
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04
Jenchoke Tachagomain
 
PDF
Dream mx
phochai
 
PPT
Creating New Opportunities Under Obama Health Care Reform
Mason International Business Group
 
PDF
Maalem Imen Kairouan03
guest2c3715
 
PDF
VietRees_Newsletter_45_Tuan4_Thang08
internationalvr
 
PDF
Postcards from the future texas state fbla
Bill M Wooten, PhD
 
Native vs. Web vs. Hybrid: Mobile Development Choices
Jason Grigsby
 
Storyboard การออกแบบ application
Weerachat Martluplao
 
Brew up a Rich Web Application with Cappuccino
Howard Lewis Ship
 
Animation Restaurant2
tunk
 
Web app
조 용구
 
App storyboard
Hyo Jin
 
Smart phone development
Myles Eftos
 
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
IMC Institute
 
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
Nunta Petman
 
lesson1 JSP
Kukik Kanoknuan
 
Hybrid vs Native vs Web Apps
Poluru S
 
Java Web programming Using NetBeans
Software Park Thailand
 
สร้าง Soap web services ง่ายๆ
Utain Wongpreaw
 
lesson4 JSP
Kukik Kanoknuan
 
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04
Jenchoke Tachagomain
 
Dream mx
phochai
 
Creating New Opportunities Under Obama Health Care Reform
Mason International Business Group
 
Maalem Imen Kairouan03
guest2c3715
 
VietRees_Newsletter_45_Tuan4_Thang08
internationalvr
 
Postcards from the future texas state fbla
Bill M Wooten, PhD
 
Ad

Similar to Web Based Application Development with Open Source (20)

PDF
Web Development
Boonlert Aroonpiboon
 
PDF
01 ความรู้เกี่ยวกับการ web programming
supatra178
 
PDF
1. ความรู้เกี่ยวกับการ web programming
hello8421
 
PDF
Web application with PHP
Asst.Prof.Dr.Arnut Ruttanatirakul
 
PDF
Web Programming path1 23_feb17_Dr.Arnut
Asst.Prof.Dr.Arnut Ruttanatirakul
 
PDF
IT Skills for Teacher path 1
Asst.Prof.Dr.Arnut Ruttanatirakul
 
PDF
Web 2.0 mashup
Satapon Yosakonkun
 
PDF
Web 2.0 & Social Networking
Boonlert Aroonpiboon
 
PDF
Red5 streaming
vorravan
 
PDF
Docker and Software Framework_24 may16_rus_DR.ARNUT
Asst.Prof.Dr.Arnut Ruttanatirakul
 
PDF
Addiction I T
Isara Chiawiriyabunya
 
PDF
Web service overview
Saran Yuwanna
 
DOCX
Proposal
Sasithorn Chinnatad
 
PDF
PHP & Dreamweaver 1-3
Webidea Petchtharat
 
PDF
PHP&Dreamweaver 1-4
Webidea Petchtharat
 
PDF
Python Programming for Lecturer_RUS_Nonthaburi 17may2019
Asst.Prof.Dr.Arnut Ruttanatirakul
 
PPT
Building ec
anusorn kraiwatnussorn
 
PDF
The Future of JavaScript
Sarunyhot Suwannachoti
 
Web Development
Boonlert Aroonpiboon
 
01 ความรู้เกี่ยวกับการ web programming
supatra178
 
1. ความรู้เกี่ยวกับการ web programming
hello8421
 
Web application with PHP
Asst.Prof.Dr.Arnut Ruttanatirakul
 
Web Programming path1 23_feb17_Dr.Arnut
Asst.Prof.Dr.Arnut Ruttanatirakul
 
IT Skills for Teacher path 1
Asst.Prof.Dr.Arnut Ruttanatirakul
 
Web 2.0 mashup
Satapon Yosakonkun
 
Web 2.0 & Social Networking
Boonlert Aroonpiboon
 
Red5 streaming
vorravan
 
Docker and Software Framework_24 may16_rus_DR.ARNUT
Asst.Prof.Dr.Arnut Ruttanatirakul
 
Addiction I T
Isara Chiawiriyabunya
 
Web service overview
Saran Yuwanna
 
PHP & Dreamweaver 1-3
Webidea Petchtharat
 
PHP&Dreamweaver 1-4
Webidea Petchtharat
 
Python Programming for Lecturer_RUS_Nonthaburi 17may2019
Asst.Prof.Dr.Arnut Ruttanatirakul
 
The Future of JavaScript
Sarunyhot Suwannachoti
 

More from Rachabodin Suwannakanthi (20)

PDF
ระบบการถ่ายทอด รับชม และระบบคลังวิดีโอภายในภายในองค์กร
Rachabodin Suwannakanthi
 
PDF
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
Rachabodin Suwannakanthi
 
PDF
Using copy.com website for uploading and sharing files
Rachabodin Suwannakanthi
 
PDF
Using copy.com app for uploading and sharing files
Rachabodin Suwannakanthi
 
PDF
Introduction to Digital Imaging
Rachabodin Suwannakanthi
 
PDF
การวางแผน การดำเนินงาน และเทคโนโลยีที่ใช้ในงานสารสนเทศดิจิทัล
Rachabodin Suwannakanthi
 
PDF
พิพิธภัณฑ์เสมือน (Virtual Museum)
Rachabodin Suwannakanthi
 
PDF
Archives and Museum in Digital Age
Rachabodin Suwannakanthi
 
PDF
Camera RAW Workflow
Rachabodin Suwannakanthi
 
PDF
Images Digitization with Digital Photography
Rachabodin Suwannakanthi
 
PDF
Archives and Digital Archives
Rachabodin Suwannakanthi
 
PDF
Creating Panoramic Images with Adobe Photoshop Lightroom and Adobe Photoshop
Rachabodin Suwannakanthi
 
PDF
Creating HDR images with Photomatix and Lightroom
Rachabodin Suwannakanthi
 
PDF
HDR Processing with Adobe Photoshop CS4 and Adobe photoshop Lightroom
Rachabodin Suwannakanthi
 
PDF
Online Video Format Experiment
Rachabodin Suwannakanthi
 
PDF
How to Create an Educational Media
Rachabodin Suwannakanthi
 
PDF
Introduction to Educational Media Production
Rachabodin Suwannakanthi
 
PDF
Image Digitization with Digital Photography
Rachabodin Suwannakanthi
 
PDF
Image Digitization with Scanning Technology
Rachabodin Suwannakanthi
 
PDF
Introduction to Images Digitization
Rachabodin Suwannakanthi
 
ระบบการถ่ายทอด รับชม และระบบคลังวิดีโอภายในภายในองค์กร
Rachabodin Suwannakanthi
 
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
Rachabodin Suwannakanthi
 
Using copy.com website for uploading and sharing files
Rachabodin Suwannakanthi
 
Using copy.com app for uploading and sharing files
Rachabodin Suwannakanthi
 
Introduction to Digital Imaging
Rachabodin Suwannakanthi
 
การวางแผน การดำเนินงาน และเทคโนโลยีที่ใช้ในงานสารสนเทศดิจิทัล
Rachabodin Suwannakanthi
 
พิพิธภัณฑ์เสมือน (Virtual Museum)
Rachabodin Suwannakanthi
 
Archives and Museum in Digital Age
Rachabodin Suwannakanthi
 
Camera RAW Workflow
Rachabodin Suwannakanthi
 
Images Digitization with Digital Photography
Rachabodin Suwannakanthi
 
Archives and Digital Archives
Rachabodin Suwannakanthi
 
Creating Panoramic Images with Adobe Photoshop Lightroom and Adobe Photoshop
Rachabodin Suwannakanthi
 
Creating HDR images with Photomatix and Lightroom
Rachabodin Suwannakanthi
 
HDR Processing with Adobe Photoshop CS4 and Adobe photoshop Lightroom
Rachabodin Suwannakanthi
 
Online Video Format Experiment
Rachabodin Suwannakanthi
 
How to Create an Educational Media
Rachabodin Suwannakanthi
 
Introduction to Educational Media Production
Rachabodin Suwannakanthi
 
Image Digitization with Digital Photography
Rachabodin Suwannakanthi
 
Image Digitization with Scanning Technology
Rachabodin Suwannakanthi
 
Introduction to Images Digitization
Rachabodin Suwannakanthi
 

Web Based Application Development with Open Source