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
PDF
PDF
Video on Demand System for Medical Applications
PDF
Electronic Museum
PDF
Technique to Delivery Information via the Internet
PDF
Technology for National Document Preservation
PDF
Wat Makutkasattriyaram e-museum
Introduction to PHP programming
Video on Demand System for Medical Applications
Electronic Museum
Technique to Delivery Information via the Internet
Technology for National Document Preservation
Wat Makutkasattriyaram e-museum

What's hot (8)

PDF
20100923 oss-freeware-ecosystem
PPT
Open Source Reference Manager : Zotero
DOC
PPT
Web 2.0 & Social Networking
PDF
20190220 digital-archives
PPT
Library 2.0
PDF
LAM Code of conduct
PDF
Digital Media Standard
20100923 oss-freeware-ecosystem
Open Source Reference Manager : Zotero
Web 2.0 & Social Networking
20190220 digital-archives
Library 2.0
LAM Code of conduct
Digital Media Standard
Ad

Viewers also liked (20)

PDF
Native vs. Web vs. Hybrid: Mobile Development Choices
PDF
Storyboard การออกแบบ application
PDF
Brew up a Rich Web Application with Cappuccino
PPTX
Animation Restaurant2
KEY
Web app
PDF
App storyboard
KEY
Smart phone development
PDF
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
PDF
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
PDF
lesson1 JSP
PPT
Hybrid vs Native vs Web Apps
PDF
Java Web programming Using NetBeans
PDF
สร้าง Soap web services ง่ายๆ
PDF
lesson4 JSP
PPT
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04
PDF
Dream mx
PPT
Creating New Opportunities Under Obama Health Care Reform
PDF
Maalem Imen Kairouan03
PDF
VietRees_Newsletter_45_Tuan4_Thang08
PDF
Postcards from the future texas state fbla
Native vs. Web vs. Hybrid: Mobile Development Choices
Storyboard การออกแบบ application
Brew up a Rich Web Application with Cappuccino
Animation Restaurant2
Web app
App storyboard
Smart phone development
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
lesson1 JSP
Hybrid vs Native vs Web Apps
Java Web programming Using NetBeans
สร้าง Soap web services ง่ายๆ
lesson4 JSP
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04
Dream mx
Creating New Opportunities Under Obama Health Care Reform
Maalem Imen Kairouan03
VietRees_Newsletter_45_Tuan4_Thang08
Postcards from the future texas state fbla
Ad

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

PDF
Web Development
PDF
01 ความรู้เกี่ยวกับการ web programming
PDF
1. ความรู้เกี่ยวกับการ web programming
PDF
Web application with PHP
PDF
Web Programming path1 23_feb17_Dr.Arnut
PDF
IT Skills for Teacher path 1
PDF
Web 2.0 mashup
PDF
Web 2.0 & Social Networking
PDF
Red5 streaming
PDF
Docker and Software Framework_24 may16_rus_DR.ARNUT
PDF
Addiction I T
PDF
Web service overview
DOCX
PDF
PHP & Dreamweaver 1-3
PDF
PHP&Dreamweaver 1-4
PDF
Python Programming for Lecturer_RUS_Nonthaburi 17may2019
PPT
PDF
The Future of JavaScript
Web Development
01 ความรู้เกี่ยวกับการ web programming
1. ความรู้เกี่ยวกับการ web programming
Web application with PHP
Web Programming path1 23_feb17_Dr.Arnut
IT Skills for Teacher path 1
Web 2.0 mashup
Web 2.0 & Social Networking
Red5 streaming
Docker and Software Framework_24 may16_rus_DR.ARNUT
Addiction I T
Web service overview
PHP & Dreamweaver 1-3
PHP&Dreamweaver 1-4
Python Programming for Lecturer_RUS_Nonthaburi 17may2019
The Future of JavaScript

More from Rachabodin Suwannakanthi (20)

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

Web Based Application Development with Open Source