Business Computer Project 1
1 like597 views
The document discusses web application development. It covers static and dynamic web pages, with static pages using HTML only while dynamic pages involve server-side scripting languages like PHP. It also discusses HTML, CSS, JavaScript and how they are used to build the front-end interface of websites. Frameworks like ASP and PHP are explained as options for creating dynamic backend functionality through databases and server-side code. Overall it provides an introduction to the key concepts for planning and developing basic websites and web applications.
Business Computer Project 1
- 1. Mr.Warawut Khangkhan e-Mail: awarawut@hotmail.com Social Media: www.facebook.com/AjWarawut
- 2. Chapter 1 Web Application Mr.Warawut Khangkhan 2
- 3. (Home Page) F F F F F ( F F ) (Web Page) F F F F F F F HTML (Hypertext Markup Language) F F F (Web Site) F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 3
- 4. Chapter 1 Web Application Mr.Warawut Khangkhan 4
- 5. F F ˆ http://www.cnn.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 5
- 6. F F F http://tdc.thailis.or.th/tdc/ Chapter 1 Web Application Mr.Warawut Khangkhan 6
- 7. ˈ F F F http://www.dusit.ac.th/sdu2011/ Chapter 1 Web Application Mr.Warawut Khangkhan 7
- 8. F http://www.ew.com/ew/ Chapter 1 Web Application Mr.Warawut Khangkhan 8
- 9. ˈ F http://www.settrade.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 9
- 10. ˈ F F http://www.ebay.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 10
- 11. F F F F http://www.thaiware.com/main/ Chapter 1 Web Application Mr.Warawut Khangkhan 11
- 12. F F F http://mail.google.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 12
- 13. Chapter 1 Web Application Mr.Warawut Khangkhan 13
- 14. Static Web Dynamic Web Active Web Chapter 1 Web Application Mr.Warawut Khangkhan 14
- 15. F HTML F F ˈ Text File ˈ HTML F F F F F F F F Web Browser F FF F F F Chapter 1 Web Application Mr.Warawut Khangkhan 15
- 16. F ASP, ASP.NET, JSP, PHP F Server F (Web Server) Web Server F F F F Web Browser F F F F F F , F ˈ F F ˈ Web Browser F HTML F Static Web Document F F F F F F F , F ˈ F Chapter 1 Web Application Mr.Warawut Khangkhan 16
- 17. ˈ F Java Applet, Active X ˈ F F F F Java ˈ F ˈ F F (Web Browser) Web Browser F F F Java Runtime HTML F F F F FF F F Dynamic Web F Web Browser F F F Java Runtime F 2 Chapter 1 Web Application Mr.Warawut Khangkhan 17
- 18. Static Web - F F F F FF ˈ Dynamic Web - F F FF F F F Active Web - F (Real Time) F F F F F F F Active Web ˈ F F F , FF F Chapter 1 Web Application Mr.Warawut Khangkhan 18
- 19. Chapter 1 Web Application Mr.Warawut Khangkhan 19
- 20. 1. F F F (Web Hosting) 2. F F F F 3. F FF F CMS (Content Management System) Chapter 1 Web Application Mr.Warawut Khangkhan 20
- 21. Web Hosting F F F F F (Web Server) F Web Host Web Host F ˈ F F F F internet F F ˈ F Chapter 1 Web Application Mr.Warawut Khangkhan 21
- 22. Chapter 1 Web Application Mr.Warawut Khangkhan 22
- 23. Chapter 1 Web Application Mr.Warawut Khangkhan 23
- 24. F (Company) F (Reliability) F (Availability) F F F (Redundancy) F F F (Hardware) (Monitoring) F (Backup) F (Technical Support) F ˆ (Support Hours) F (Policies) Chapter 1 Web Application Mr.Warawut Khangkhan 24
- 25. (Operating System) F (Disk Space) F F (Data Transfer) F F F (e-Mail) F F F (Database) F (Script Language) IP Address F (Unique IP Address) F e-Commerce (Secure Server) F (Payment Terms) F FF F (Price) Chapter 1 Web Application Mr.Warawut Khangkhan 25
- 26. F F ʽ F F F F F F F FF F FF F F F F F F F F F F ˈ F FF F F F F F F F F F - F (e-Commerce) F F Chapter 1 Web Application Mr.Warawut Khangkhan 26
- 27. F F F F F F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 27
- 28. F (Markup GML (Generalized Markup Language) Language) F F SGML F F Text File (Standard Generalized Markup Language) F F F HMTL F (HyperText Markup Language) F F F F F PHP, XML ASP.NET, JSP (eXtensible Markup Language) JavaScript ˈ F Notepad, XHTML (eXtensible HyperText Markup Language) EditPlus Chapter 1 Web Application Mr.Warawut Khangkhan 28
- 29. ˈ F F F F F Notepad F Windows F EditPlus ˈ F F F F F F F F F ˈ F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 29
- 30. F F F F F F F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 30
- 31. F F ˈ F F F F F F FF F F F F HTML / XHTML F F F F F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 31
- 32. F CMS (Content Management System) ˈ F F F F F Dynamic F F F F FF FF F FF F F ˈ F ˆ CMS F F F F Mambo, XOOP, PHPNuke Joomla F F Chapter 1 Web Application Mr.Warawut Khangkhan 32
- 33. Chapter 1 Web Application Mr.Warawut Khangkhan 33
- 34. Chapter 1 Web Application Mr.Warawut Khangkhan 34
- 35. Chapter 1 Web Application Mr.Warawut Khangkhan 35
- 36. Chapter 1 Web Application Mr.Warawut Khangkhan 36
- 37. Chapter 1 Web Application Mr.Warawut Khangkhan 37
- 38. F F F CMS F F F F ˈ F F F F F F F F F HTML / F F XHTML PHP F ˈ F F F F (Open (Extension) F Source Software) F F F F F F F F F ˈ F F FF F F FF F F Chapter 1 Web Application Mr.Warawut Khangkhan 38
- 39. Chapter 1 Web Application Mr.Warawut Khangkhan 39
- 40. F F F F F F F F (Search Engine) Chapter 1 Web Application Mr.Warawut Khangkhan 40
- 41. http://awarawut.blogspot.com Chapter 1 Web Application Mr.Warawut Khangkhan 41
- 42. http://www.kapook.com Chapter 1 Web Application Mr.Warawut Khangkhan 42
- 43. http://www.sanook.com Chapter 1 Web Application Mr.Warawut Khangkhan 43
- 44. http://www.one2car.com Chapter 1 Web Application Mr.Warawut Khangkhan 44
- 45. http://www.ebay.com Chapter 1 Web Application Mr.Warawut Khangkhan 45
- 46. http://www.unseentourthailand.com Chapter 1 Web Application Mr.Warawut Khangkhan 46
- 47. http://www.google.co.th Chapter 1 Web Application Mr.Warawut Khangkhan 47
- 48. http://www.bing.com Chapter 1 Web Application Mr.Warawut Khangkhan 48
- 49. Chapter 1 Web Application Mr.Warawut Khangkhan 49
- 50. Chapter 1 Web Application Mr.Warawut Khangkhan 50
- 51. Chapter 1 Web Application Mr.Warawut Khangkhan 51
- 52. Chapter 1 Web Application Mr.Warawut Khangkhan 52
- 53. Chapter 1 Web Application Mr.Warawut Khangkhan 53
- 54. Chapter 1 Web Application Mr.Warawut Khangkhan 54
- 55. Static (Static Programming) Dynamic (Dynamic Programming) Chapter 1 Web Application Mr.Warawut Khangkhan 55
- 56. Chapter 1 Web Application Mr.Warawut Khangkhan 56
- 57. Chapter 1 Web Application Mr.Warawut Khangkhan 57
- 58. Chapter 1 Web Application Mr.Warawut Khangkhan 58
- 59. ˈ F (Script) ˆˉ F F JavaScript or VBScript DOM ˈ F F ˆˉ F HTML F F F F F F F F F F˂ ˈ F ˆ F F F AJAX jQuery F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 59
- 60. HTML – HyperText Markup Language XHTML – eXtensible HyperText Markup Language DOM (Document Object Model) & JavaScript Chapter 1 Web Application Mr.Warawut Khangkhan 60
- 61. F HyperText Markup Language ˈ F (Hypermedia Document Description Language) F F www (World Wide Web) F (Markup Tag) F F F F (Web Browser) (Tag) F (Attribute) World Wide Web Consortium (W3C) F SGML (Standard Generalized Markup Language) Chapter 1 Web Application Mr.Warawut Khangkhan 61
- 62. F eXtensible HyperText Markup Language ˈ HTML XML F F F F F F F Syntax XML F HTML Chapter 1 Web Application Mr.Warawut Khangkhan 62
- 63. DOM F Document Object Model ˈ F F F F F Content F F XHTML (HTML) F DOM F ˈ F Object Oriented Model DOM element tag F ˈ Node F F F DOM F object method Chapter 1 Web Application Mr.Warawut Khangkhan 63
- 64. JavaScript F ˆˉ F F (Client) F F ˆˉ F ˆ F JavaScript ˆˉ F web browser F F F F F F F F ˈ F F JavaScript Engine F F Chapter 1 Web Application Mr.Warawut Khangkhan 64
- 65. CSS – Cascading Style Sheet CSS ˈ F Style Sheet F (Style) ˈ (Content) FF ˈ F F F F F ˈ F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 65
- 66. Chapter 1 Web Application Mr.Warawut Khangkhan 66
- 67. F F F F F F (Dynamic) F (Web Application) F F F ˆ F F (E-Commence) F(Online Banking) F F Search Engine ˈ F F F ˆˉ F F PHP ASP, ASP.NET JSP Ruby On Rails (ROR) Chapter 1 Web Application Mr.Warawut Khangkhan 67
- 68. F Hypertext Preprocessor F F HTML F PHP F ˆ F HTML F <?php … ?> <? … ?> F F Dynamic HTML ˈ F F ˈ F F F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 68
- 69. F F ˈ ˆˉ F F FF PHP ˆ F HTML F F Syntax F F FF XML F F ˂ F F F F F F F F F F Scalar, Array, Associative Array Chapter 1 Web Application Mr.Warawut Khangkhan 69
- 70. F F F F F Unix, Windows Mas OS (Object-Oriented) F F F Personal F Web Server (PWS), Apache, Tomcat, OmniHttpd Internet Information Service (IIS) Chapter 1 Web Application Mr.Warawut Khangkhan 70
- 71. F F F Oracle, FilePro, MS SQL, mSQL MySQL ˈ F FF F F F F F F LDAP, IMAP, POP3 HTTP ˈ F Chapter 1 Web Application Mr.Warawut Khangkhan 71
- 72. Chapter 1 Web Application Mr.Warawut Khangkhan 72
- 73. ASP F Active Server Pages ASP F F ASP ASP F F <% … %> ASP F ˈ ASP.NET Chapter 1 Web Application Mr.Warawut Khangkhan 73
- 74. ASP.NET .NET Framework F F F ASP.NET F F .aspx ASP.NET Server Control ( F F ˆˉ F )F F element F HTML F F F F F FF F F Chapter 1 Web Application Mr.Warawut Khangkhan 74
- 75. JSP F Java Server Pages ˈ F ˆˉ F F JSP F F <% … %> F JAVA JSP ˈ .jsp Chapter 1 Web Application Mr.Warawut Khangkhan 75
- 76. 1. JSP F Java F F F FF ˈ Windows, Linux Mac OS 2. F Java API F Java API F F F FF ˈ F F F F ˈ F 3. F (Component) F F FF F F FF F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 76
- 77. 4. F F F F F F F XML F F 5. JSP F F FF ˈ F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 77
- 78. F (Web Application Framework) Ruby F F F F Rails F F F F ROR F F F ˆ Rails F F Model-View-Controller (MVC) M– ˈ (Status) V– ˈ F F F User Interface C- ˈ Chapter 1 Web Application Mr.Warawut Khangkhan 78
- 79. Chapter 1 Web Application Mr.Warawut Khangkhan 79
- 80. Chapter 1 Web Application Mr.Warawut Khangkhan 80
- 81. XML WML WML Script Chapter 1 Web Application Mr.Warawut Khangkhan 81
- 82. F eXtensible Markup Language ˈ F W3C F F F HTML F F HTML F F F F ˈ F F F F “DTD (Document Type Definition)” F F F XML F XML Parser F Chapter 1 Web Application Mr.Warawut Khangkhan 82
- 83. XML F F F F F F F F F F F F F F FF HTML F F F F F F F WML Chapter 1 Web Application Mr.Warawut Khangkhan 83
- 84. F HTML WML F F XML WML F F F F F F F WML F (Web Pages) F F F F (Card) F F F (Deck) Chapter 1 Web Application Mr.Warawut Khangkhan 84
- 85. ˈ F JavaScript WML Script Server-Side FF F binary F F F F client Chapter 1 Web Application Mr.Warawut Khangkhan 85
- 86. Chapter 1 Web Application Mr.Warawut Khangkhan 86
- 87. 800 x 600 Pixels 1024 x 798 Pixels F F ˆ 800 x 600 Pixels Chapter 1 Web Application Mr.Warawut Khangkhan 87
- 88. Chapter 1 Web Application Mr.Warawut Khangkhan 88
- 89. F (Logo) (Link Menu) ˂ (Banner) (Images and Content) Chapter 1 Web Application Mr.Warawut Khangkhan 89
- 90. F F F F F F F F F F F F F F F F ˈ FF Chapter 1 Web Application Mr.Warawut Khangkhan 90
- 91. F F F F F FF F F F 84% F F F F F (Upper Left) 84% (Upper Right) 6% (Upper Center) 6% (Others Position) 4% Chapter 1 Web Application Mr.Warawut Khangkhan 91
- 92. Chapter 1 Web Application Mr.Warawut Khangkhan 92
- 93. F Chapter 1 Web Application Mr.Warawut Khangkhan 93
- 94. ˈ F F F F ˈ F F F F F F FF F F FF F F F ˈ F F ˁ F Chapter 1 Web Application Mr.Warawut Khangkhan 94
- 95. Chapter 1 Web Application Mr.Warawut Khangkhan 95
- 96. ˂ FF ˈ F F F F F F F F F F F F F F F F F F F F 30% F F F Chapter 1 Web Application Mr.Warawut Khangkhan 96
- 97. ˂ Chapter 1 Web Application Mr.Warawut Khangkhan 97
- 98. ˈ F F FF F F F F F F F F F F F F F F F F F F F F F F F F F F F 40-45% F F Chapter 1 Web Application Mr.Warawut Khangkhan 98
- 99. Chapter 1 Web Application Mr.Warawut Khangkhan 99
- 100. Chapter 1 Web Application Mr.Warawut Khangkhan 100
- 101. Chapter 1 Web Application Mr.Warawut Khangkhan 101
- 102. F F – F ˈ F F F F F F F F F F ˈ F– F F ˈ F F F F F F F F – F F F F F F F F F – F F F F F ˈ F F F Chapter 1 Web Application Mr.Warawut Khangkhan 102
- 103. Chapter 1 Web Application Mr.Warawut Khangkhan 103
- 104. F .. F 5 F F F F F F Web Application F ˆ F F F F Diagram F ˈ ( F) F Chapter 1 Web Application Mr.Warawut Khangkhan 104