Paijit.lpru.ac.th



????? 2?????? ?????????????????????????????2.1 ??????????????????? ?????????????? ???????????????????????????????????????????????????????????? ???????????? ????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????????????????? ???????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????? ??????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????? ????????????????? ????????????????????????????????????????? ??????????????????????????????????? ????????? ????????????????????? ????? ?????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ?????????????????????????? ? ??????????????? ?????????????????????? ?????????????????????? ?????????????????????????????????????????????????????????? ????????????????????????????? ??????????????????????????????????????? ?????????????????????? ?????????????????????????????? ??? ??????????????????????????????????? ?????????????????????????????????????????????????? ?????????????????? LAN ??????????????????????????????????????????????-??????????? ???????????????????????????????SQL?????????????????????????????????????????? ????????????????????????????????????????? ????????????????????????????? ????????????????????????????????????? ?????????????????? ?????????? ??????????????????? ??????????????????????? ????????????????????????? ??? ???????????????????????? ????????????????????????????? ??????????????????????????????????????????????????????????????????????????????????????????????????????????? ??????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????? ????????????????????????? ? ???????????????????????????????????????????? ? ????????????????????????????????????????????? ????????????????????????????? 2.1 xxxx2362200170816??????????????????? ???????? ????????????????????????????0??????????????????? ???????? ??????????????????????????????????????????????????? ????????????????????????????????????????????????????? ? ??????????????????????????????? ????????????????????????????????????????? 3 ??????? ??? ???????? ????????? ??????????? ???????????????????????????? ? ????????????????????????????????? ?????? 2.2 xxxx?????????????????????? ??????????????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ??????????????????????????????????????????????????????????????????????????????????????????????????? ?????????????????????? ?????????????????????????? ????????????????????????????????????? 3 ??????????????????????????????????????????????????????????????????????? ??????????????????????????2.2 ??????????????????(Information system)???????? ?????????????????????????? ?????? ????????????????????????????? ?????????? ?????????????? ?????????? ???????????? ??????????? ???????????????????? ??? ??????????????????? ??????????????????????????????????????? ?????? ?????????????? ???????????????????????????????? ????????????????????????????????????????????????????????????????? ???????????? ?????????? ????????? ?????????? ???????????????????????????????????????????? (?????? ??????????, 2541)???????????????????? ??????????????????????????????????? ???????? ??????? ?????????????????? ???????????????????? ????????????????????? ???????????????????????????????????????????? 3 ????? ??? ?????????????????????? (Input)? ??????????? (Processing)? ??? ???????????????? (Output)? ???????????????????????????????? (Feedback) ??????????????????????????????????????? ?????????????????????????????????????????(Manual) ?????????????????????????????? (Computer-based information system –CBIS) (Laudon & Laudon, 2001)?????????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????? ??????? ??????????????????????????????? ??????????????????????? ????????????????????????????????????????????? (CIS 105 — Survey of Computer Information Systems, n.d.)????????????? ??????? ??????????????? ????? ????????????? ???????????????????????????????????(FAO Corporate Document Repository, 1998)? ???????????? ???????????????????????????????????? ??????? ????????????????? ?? ?????????????(machine)? ????????????????????????????????????????????????????????? ??????????????????????????????????? (Information system, 2005)?????????? ???????????? ????? ????????????????? ?????????????? ??????????????????????????????????????????????? ???????????????????????????????????????????????????????2.2.1 ???? php (Personal Home Page)???? PHP ??????????????????????? scripting language ?????????????????????????????????????????????????? script ????????????????????????????????????? ?????????????????????????JavaScript, Perl ??????? ????????? PHP ???????????????????????????????? ??? PHP ????????????????????????? ???????????????????????????????HTML???????????????????????????????????????????????? ?????????????????? PHP ??????????????????? server-side ???? HTML-embedded scripting language ????????????? ????????????????????????????????????????????????Web server????????????????????????????? PHP ?????? ???????????????????????????????????????????????????? ????????????????????????????????? ??????????????????????????????????????????????? ????????? PHP ??????????????????????????????????????????????????????? Dynamic Web pages (??????????????????????????????) ???????????????????????????????????????????? PHP ??????????????????????????????????????????????????????????????? ?????Open Source???????? PHP ??????????????????????????? ??????????????????????????????????????????? Apache Web server ?????????????????????Linux???? FreeBSD ??????? ?????????? PHP ???????????????? Web Server ????????????????????????????????? Windows 95/98/NT/win7/win8.1/win10 ???????????????????? PHP 1. ????????? 2. PHP ??????????????????? Sever ???????????????????????????? 3. Conlatfun ???????PHP ????????????? UNIX, Linux , Windows ?????? 4. ???????????? ????????? PHP ???????????? HTML ??????????????????????????????????? 5. ???????????????????? ??????????????????? Apache Serve ??????????????????????????????? 6. ?????????? XML ???????? 7. ??????????????????????? 8. ????????????????????????????????????????? 9. ????????????????????? ??? Scalar , Array , Associative array 10. ???????????????????????2.2.2 JavaScriptJavaScript ??? ???????????????????????????????????????????????????????????????????????????????????? Java JavaScript ???????????????????????? ( ?????????????? "???????" ) ( script ) ?????????????????????????????? ( ?????????? HTML ) ??????????????????????????????????????? ???????????????????????????????? ?????????????????????????? "???????????????????????????????" ( interpret ) ????????????Object Oriented Programming ?????????????????? ??????????????????????????????????????? ?????????????????????? HTML ??????????????????????????? ??????????????? ???? HTML ??????? Java ?????????????????????? ( Client ) ????????????????????? ( Server ) JavaScript ??????????????? Netscape Communications Corporation ????????????? Live Script ????????????? Netscape Navigator2.0 ?????????????????????????????????????????????? Live Wire ????? Netscape Communications Corporation ???????????????? Sun Microsystems???????????????????????????????????????????????????????????????? ?????????????? Live Script ????????? ?? 2538 ??????????????????? JavaScript JavaScript ?????????????????????????? ????????? ????? ?????????????????????????????????????????????? ???? ??????????????? ???? ????????????????????? ???????JavaScript ????????????? 1. JavaScript ?????????????????????????????????? ????????????????????????? 2. JavaScript ?????????????????????????????? ???? ?????????????????????? ???? Checkbox ?????????????????????????????? ??????????????????????????????????????????????????? ?????????????? JavaScript ??????????????????????????????? ???????????? Google Map ???????????? 3. JavaScript ?????????????????????????? HTML Element ??? ????????????????????????????????????????????????????? ?????????????????????????????????????????????????????????????? 4. JavaScript ????????????????????????? ?????????????????????????????????????? ???? Email ???????????????????????????????????????????????????????? ??????????????????????? ??????? 5. JavaScript ?????????????????????????????? ???? ???????????????? ??? web browser ???? 6. JavaScript ????? Cookies ( ???????????????????????????????????????????? ) ??? ?????????????????? JavaScript??????????? JavaScript ??????????????????? ( ???????????? client-side script ) ?????????????????????????????????????????????? ???????????????? JavaScript ???????????? ?????????????????????? ???? Perl , PHP ???? ASP ??????????????????????????????????????????????? ( ???????? server-side script ) ????????????????????????????????????????????????????????????? ??????????? ???????????????????????? JavaScript ?????????? ???????????????????????????????? ???????????????????? ???? ?????????????????????????????????????????????????????????????????????????????????????????????? ??????? ???????????????????????????????????????? server-side script ???? ( ???????? JavaScript ???????????????????????????????????????????????????????????????????????????????????????????????????? ) 2.2.3 ???? HTML HTML ??? ????????????????????????????????????? Tag ??????????????????? HTML ????????????? Hypertext Markup Language ??? Hypertext ??????? ?????????????????????????????? ( Hyperlink ) Markup language ????????????????? Tag ???????????????????????????? ???????????????????? ??????? HTML ?????????? ?????????? Tag ????????????????????????????????????????????????? Hyperspace ???? Hyperlink ??????? ????????????? HTML ???? ?.?. 1991 ????? Tim Berners-Lee ?????????????????????????? ???????? “HTML Tags” ???????????????????? ( Element ) ????????????????????????????????????????????????????? HTML ??????????? SGML ??? Tim ?????????????? HTML ?????????????????? SGML ????????????? ????????? 1996 ?????????????????????????? W3C World Wide Web Consortium ????????????????????????????? HTML ????? 1999 HTML 4.01 ???????????????????? HTML 5 ???????? Web Hypertext Application ????????????????? 2004 ???????????????????????????? XHTML ???? ??? Extended HTML ?????????????????????????????????????????????? ????????????????????????? W3C ( World Wide Web Consortium ) ??????????????? HTML Tag ?????????????????????? HTML ???????????????????????? ??????????????????? HTML ???????????????? less-than bracket ( < ) ??? greater-than bracket ( > ) ?????? Tag HTML ??????? 2 ?????? ??? Tag ?????????? Tag ?????????????????????? ???? <HR> , <BR> ??????? Tag ????/???????????? tag ???????????? <tag> .... </tag> ??????<tag> ??????????? tag ????</tag> ??????????? tag ??? Attributes ??????????????????????? tag ???? ???? <span align = 'left'> ... </span> ?????????????????????????????? tag ?????????? ???????2.2.4 Cascading Style Sheet (CSS) CSS ???????? Cascading Style Sheet ????????????????? "????????" ??????????????????????????????????????????????????? HTML ?????? CSS ??????????????????????????? ( ???? "Style" ) ?????????????????? ????????? ???????????? ?????????? ?????????????? ??????????????????? ?????????????????? ???? Style ??????????????????????????????????? HTML ????????????????????????????????????????? ???????????????????????????????? ?????????????????????????????? ?????????????????????????????????????????????????? HTML ??????????????????????????????????????????????????????? ????????????????????????????????????????? HTML ???????????????????????????????????????????????????????????????? ?????????????????????????? ( Style ) ?????? HTML ???????????????????????? HTML 4.0 ????????.?. 2539 ??????????? CSS level 1 Recommendations ????????????????? World Wide Web Consortium ???? W3C??????????? CSS1. CSS ?????????????????? tag ??? html ???? ?????????????????????? ????????? ??????????????????????????????2. CSS ?????????????????????? html ???????????????? ????? ????????????????????????????? ??????????????????????????????????????????????????????????????????????????????????????????? ???????????????? tag ????? ??????????????3. CSS ????????????????????????????????????? html ???????????????????????????????????????? ????????????????????????????????????????????????4. CSS ??? HTML / XHTML ???????????????????????????? HTML / XHTML ?????????????????????????????????????????????????????????????????????????????????????????????? CSS ???????????????????????????????????????????????? HTML / XHTML ??????? coding ???? CSS ??????? design2.2.5 ?????????????????????????? MySQL MySQL ??? ??????????????????????????????????????????? MySQL AB ???????????????????????????????????????????? SQL ????????????????????????????????????????????????????????????????????????????????????? ??????????????????????????????????????????????? ???? ????????????????????????????? (Web Server) ????????????????????????????????????????????????????? (Server-Side Script) ???????? php ???? ??????????????? ??????? ??????????????????????????????? ( Application Program ) ???? ????????????????????? ???????? ??????????????? ??????? ???????????????????????????????????????????????????????????? ??????????????????????????????? ( Open Source ) ?????????????????????????MySQL ????????????????????????????????? SQL ?????? MySQL ??????????????????????? ?????????????????????????????????????? ????????????????????????? MySQL AB ?????????????? ????????? MySQL ????????????????????????????????????????????? MySQL ????????????????????? 2 ?? ?????????????? ???? David Axmark , Allan Larsson ??? Michael "Monty" Widenius ??????????????????????????????? ( Sun Microsystems , Inc. ) ????????????????? MySQL AB ????????????? ????????????????????? MySQL AB ????????????????????????? "MySQL" ??????????????? "????????????" ???? "????????????" ( ?????????????? L ????????? ) ?????????????????????????? ????????? ???? ???????? ???????????????????????????????????????? ??????????????????????????????? MySQL ?????????????MySQL ?????????????????????????? ( DataBase Management System ) ( DBMS )????????????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????? ??????????????????????????????????????????????????? MySQL ???????????????????????????????????????????????????MySQL ?????????????????????????? relational????????????? relational ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????? SQL ?????????????????????????? MySQL ????????????????????????????????????????MySQL ??????????????????? Open Source???????? ????????? MySQL ??????????????????????????????????????????????????????????????????????? MySQL ????????????????????????????????????????????????????2.2.6 Bootstrap 4 FrameworkBootstrap 4 ??? Front-end Framework ????????????????????????????????????????????????? ?????????????????????????????????????????????????????????????????????????????????????? ?????????????????????? Smart Device ???????????? Responsive Web ???? Mobile First ????????????? Bootstrap ???????????????????????? “????????????????????????” ???? “????????????????????????????” ????????????????????????? ????????? Bootstrap ???? ???????????????????????????????????? ?????????????????????????? ??????????? Bootstrap???????????? 3 ????????? ???????????????????????????????? 4 ???? ????????? Bootstrap 4 ???????????????????????????????????????????????????????????? ? ??? ??????????????????????????????? ????????? ??????????????????????? web application ??????????????????????????????????????????????????????????????????????? Bootstrap ????????????? ? ??? ???????????????????? Photo Edit ??????????????????????????????? Photoshop ??????????????? ? ??????????????????????????????? ?????????????????????????????????????? ? ???????? coding ???? web application ???????????????????????????????????????????????????????????????????????????????????? mobile ???????? (Mobile First) ?????????????????????????????????????????????????????????????? ??? ????????????Mark Otto ??? Jacob Thornton ??????????? Twitter Inc. ???????????????????????? ???????? Bootstrap ??????????????????????????????????????? responsive web design ???? Bootstrap ?????? Grid ?????????????????????????????? ???????????????????????????2.2.7 AngularJS?FrameworkAngular???? ??????? Front-end framework ???????????????????????????????????? ???????? Google ????????????????????????????????SPA?(Single Page Application)?????????????????? application??????????? page ????? ?????? client ??????????? server ???????????? AJAX ????? Restful API ??? serverAngularJS ??? JavaScript ???????????????????????? front-end ?????????????????????? Google ?????????????? AngularJS ???????? Misko Hevery ???? 2009 ????????????????????????? ???????????????????????????? Google ?????????? AngularJS 1 ???? 2012 ????????????????????????? ??? AngularJS ????????? MVC (Model-View-Controller) ?????????????? 3????????1. Model ????????????????????????????????2. View ???????????????????????????????????????????3. Controller ????????? ?????????????????Feature ??????? AngularJSData-binding: ??? sync ????????? auto ??????? controller ??? viewScope: ???????????????????????????????? controller ??? viewController: ???????????????????????????????? ???????????????????????????? scopeServices: Angular ?? built-in services ????? ????????????????????????? ???????????? ???? $http ???????? HTTP Request, $q ???????????? PromiseDirectives: ???? custom HTML tag ????????????????? ???????????????????? tag ??????Templates: ????????? render ?????????????????? controllerRouting: ?????????????? View ????????? ????????????? refresh ???????????8. DI (Dependency Injection) :????????????????????????????????????? ??? Application ??????????? built-in ??? custom ???????????????9. open-source web application ???? ???! ???????????????????????????????????????????10. ???????????????????????????? Google ?????????????????????????????????????????? ????????????????? ???????????????????????11. ????????????????????????? ?????????? ????????????????????????????????????????12. ?? Data binding ?????????????????????????????????????????? View ??? Controller ????????????? ??? ????????????????????????? ??????? View ????????????? Controller ???? ???????????? two-way data binding13. ?? Built-in service ????? ?????????????????? ???? $location, $http2.2.8 Yii FrameworkYii Framework ??? PHP Framework ????PHP Framework ??? ???????????????????????????????? PHP ???????????????????????????????????????? Model,?View ????Controller (MVC)????????????????????????? Object Oriented Programming (OOP)Yii Framework ??????? "???" ???? PHP Framework ?????????????????????????????????????????? 2014 ?. ?????? Yii Framework ????????????????????????????????? MVC Model-View-Controller ???????????????????????????????????????????????? ?????????????????????????????????????????????????????????????????????????? PHP OOP ??? ???????????????????????????????????? object ???? ????????? object ???????????????????????????????????????????????????? object ??? ? object ????????????????????????????????????????????? ???????????? MVC (Model View Controller) ??? ????????????? (Design Pattern) ??????????? ????????????????????????????????????????????????????????????????????????????? ??????????? MVC ?????? ??????????????????????????????????????????? (Roles of objects) ?????????????? 3 ????? ???Model (M) ???????????????????????????? ?????????????????????? object ??????????????????????? ??? Business RulesView (V) ?????????????????????????? Web Browser ???? ??????? Form Input ???? ? ?????????????????? User Interface: UI ???????Controller (C) ????????????????????????????? object ??????? ? (M ??? V) ???????????????????????????????????????????????????????????????????? ? ??????? MVC ????????????? "???????????" ?????? "?????????" ?????????????????????????????????????????????????? ??????????????????????????????? ????????? Yii FrameworkMVC framework ???????????????? PHP?????????????????????????????????? ???? CMS, E-Commerce , Portal, Web board, Blog ???????????????????????????? ????????????? ?????????? PHP Framework ??????? ???????????????????? PHP OOP MVC??? PHP 5.1.0 ?????????????? Web Hosting ??????????? ???????Component-Based / Event-Based framework2.3 ????????????????????? ??????? ?????????? (2560) ??????????????????????? ??????????????????????????????????????????????? ?????????????????????????????? ???????????????????????????????????????????????????? ?????????????????????????????????? ??????????????????????????????????????????????? ??????????????? ??????????????????????????????? ?????????????????????????? ??????????????????????????? ???????????????????????????????????????????????? ????????? ???????????????? Windows XP ???????????????????? ????????????? Macromedia Dreamweaver MX ????????????????????? PHP ????????????????????????? ?????? ??????? MySQL ????????????????????????????? ??????????????????????????????? ???????????? ????? 3 ?? ?????????????????????????????????????????????? 10 ???? 5 ??????? ??????????????? ????????????????? ????????????????????? ???????????????? ???????????? ?????????????????? ????????????????????????????? ???????????? ???????????????????????????????????????????????????????????? ????????????????????? ???????????????????????????????????????????????? ????????????????????????????????? ???????? (2556 ) ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? (1) ????????????????????????????????????????????(2) ???????????????????????????????????????????????"????????????????????????????? Client / Server ??????????????????????????????????????????????????????????????????? call Client ??? Server ??????????????????????????????????????????????????????????????????????????????????????????? (Content Management System: CMS) ???????????????????????????????????????????????????????????????"" ????????????????????????????? "????????????????????????????: SDLC ???????????????????????????????????????????????????????? "" ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????"????????????????????????????????????????????????????????????????????????????? ?????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ?????? ( 2554 ) ????????????????????????????????????????????????? ????????????? ????????????????????? ?????????????????????????????????????????????????????????????????????????????? ????????????????????????????? ??????????????????????????????????????? ?????????????????????? ??????????????????????????? ??? ??????????????????????????????????? ?????????????????????????????????????????????????? ?????????????????? LAN ??????????????????????????????????????????????-??????????? ????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????? ????????????????????????????? ??????????????????????? ?????????????????? ?????????? ??????????????????? ??????????????????????? ????????????????????????? ??? ???????????????????????? ????????????????????????????? ??????????????????????????????????????????????????????????????????????????????????????????????????????????? ??????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????? ?????????????????????????? ????????????????????????????????????????????? ????????????????????????????????????????????? ????????????????????????????? ??????? (2554) ????????????????? ??????????????????????????????????????? ????????????????????????????????????? ??????????????????????????????????????????????? ??????????????????? ??????????????????????????????? 4 ??????????????????????????????? ????????????????????????????????????????????????????????? ????????????????????? SDLC ?????????????????????????????? 2 ????? ??? ????? ??????????????????????? ????? ????? ??????????????????????????????????? ?????????????? ??????????????????????????????????? ?????????????????????????????????????????? ???????????? ???????????????????????????????????????????????????????????????????????????????? ????? 30 ?? ?????? ?????????????????????????????????????????? ????????????????????????? ?????? 4 ??????????????????????????????? ????? 19 ????? 11 ?? ???????? ??????????????? ??????????????????????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????? ???????????????????? (X = 4.51, S.D. = .16) ???????????????????????????????????????????????????????????? ????????????????????????????????????? (X = 4.25, S.D. = .41) ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download