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
Ad

Recommended

Introduction to PHP programming
Introduction to PHP programming
Rachabodin Suwannakanthi
 
Internet 2000
Internet 2000
Rachabodin Suwannakanthi
 
Video on Demand System for Medical Applications
Video on Demand System for Medical Applications
Rachabodin Suwannakanthi
 
Electronic Museum
Electronic Museum
Rachabodin Suwannakanthi
 
Technique to Delivery Information via the Internet
Technique to Delivery Information via the Internet
Rachabodin Suwannakanthi
 
Technology for National Document Preservation
Technology for National Document Preservation
Rachabodin Suwannakanthi
 
Wat Makutkasattriyaram e-museum
Wat Makutkasattriyaram e-museum
Rachabodin Suwannakanthi
 
20100923 oss-freeware-ecosystem
20100923 oss-freeware-ecosystem
Boonlert Aroonpiboon
 
Open Source Reference Manager : Zotero
Open Source Reference Manager : Zotero
Boonkiat Chetchamnongnuch
 
Web 2.0 & Social Networking
Web 2.0 & Social Networking
Boonlert Aroonpiboon
 
20190220 digital-archives
20190220 digital-archives
Boonlert Aroonpiboon
 
Library 2.0
Library 2.0
Satapon Yosakonkun
 
LAM Code of conduct
LAM Code of conduct
Boonlert Aroonpiboon
 
Digital Media Standard
Digital Media Standard
Boonlert Aroonpiboon
 
Native vs. Web vs. Hybrid: Mobile Development Choices
Native vs. Web vs. Hybrid: Mobile Development Choices
Jason Grigsby
 
Storyboard การออกแบบ application
Storyboard การออกแบบ application
Weerachat Martluplao
 
Brew up a Rich Web Application with Cappuccino
Brew up a Rich Web Application with Cappuccino
Howard Lewis Ship
 
Animation Restaurant2
Animation Restaurant2
tunk
 
Web app
Web app
조 용구
 
App storyboard
App storyboard
Hyo Jin
 
Smart phone development
Smart phone development
Myles Eftos
 
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
IMC Institute
 
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
Nunta Petman
 
Hybrid vs Native vs Web Apps
Hybrid vs Native vs Web Apps
Poluru S
 
Java Web programming Using NetBeans
Java Web programming Using NetBeans
Software Park Thailand
 
สร้าง Soap web services ง่ายๆ
สร้าง Soap web services ง่ายๆ
Utain Wongpreaw
 

More Related Content

What's hot (8)

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

Viewers also liked (20)

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

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

โปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บ
anuchit025
 
01 ความรู้เกี่ยวกับการ web programming
01 ความรู้เกี่ยวกับการ web programming
supatra178
 
Web Programming path1 23_feb17_Dr.Arnut
Web Programming path1 23_feb17_Dr.Arnut
Asst.Prof.Dr.Arnut Ruttanatirakul
 
ใบงานที่8
ใบงานที่8
Mind Kyn
 
ใบงานที่8
ใบงานที่8
Mind Kyn
 
ใบงานที่8
ใบงานที่8
Mind Kyn
 
ใบงานที่8
ใบงานที่8
Fin Sawitree
 
Web Development
Web Development
Boonlert Aroonpiboon
 
1. ความรู้เกี่ยวกับการ web programming
1. ความรู้เกี่ยวกับการ web programming
hello8421
 
Php basic
Php basic
แค่ผ่านมา และผ่านไป
 
Php
Php
Naresuan University Library
 
Web 2.0 & Social Networking
Web 2.0 & Social Networking
Boonlert Aroonpiboon
 
Joomla
Joomla
Boonlert Aroonpiboon
 
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 05
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 05
Jenchoke Tachagomain
 
Web Programming
Web Programming
Asst.Prof.Dr.Arnut Ruttanatirakul
 
Web 2.0
Web 2.0
Boonlert Aroonpiboon
 
Ad

More from Rachabodin Suwannakanthi (20)

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

Web Based Application Development with Open Source