Your SlideShare is downloading. ×
Business Computer Project 1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Business Computer Project 1

584
views

Published on

Web Application

Web Application

Published in: Education, Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
584
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
49
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mr.Warawut Khangkhane-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 FHTML (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 Fhttp://tdc.thailis.or.th/tdc/ Chapter 1 Web Application Mr.Warawut Khangkhan 6
  • 7. ˈ F F Fhttp://www.dusit.ac.th/sdu2011/ Chapter 1 Web Application Mr.Warawut Khangkhan 7
  • 8. Fhttp://www.ew.com/ew/ Chapter 1 Web Application Mr.Warawut Khangkhan 8
  • 9. ˈ Fhttp://www.settrade.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 9
  • 10. ˈ F Fhttp://www.ebay.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 10
  • 11. F F F Fhttp://www.thaiware.com/main/ Chapter 1 Web Application Mr.Warawut Khangkhan 11
  • 12. F F Fhttp://mail.google.com/ Chapter 1 Web Application Mr.Warawut Khangkhan 12
  • 13. Chapter 1 Web Application Mr.Warawut Khangkhan 13
  • 14. Static WebDynamic WebActive Web Chapter 1 Web Application Mr.Warawut Khangkhan 14
  • 15. F HTML FF ˈ Text File ˈ HTMLF 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 FServer F (Web Server) Web Server F F F F Web Browser F F F F F F , F ˈ F F ˈ Web Browser FHTML 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 ˈ FF 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 FActive 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 F3. 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 HostWeb 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 (SecureServer) 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, XMLASP.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 FWindows 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 FHTML / XHTML F F F F F F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 31
  • 32. F CMS (ContentManagement System) ˈ F F F F F Dynamic F F F F FF FF F FF F F ˈ Fˆ CMS F F F FMambo, 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 FF F ˈ F F F F F F F F F HTML / F FXHTML PHP F ˈ F F F F (Open (Extension) FSource 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 FF F FFF 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 (StaticProgramming) Dynamic (DynamicProgramming) 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 AJAXjQuery F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 59
  • 60. HTML – HyperText Markup LanguageXHTML – eXtensible HyperText MarkupLanguageDOM (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 (WebBrowser) (Tag) F (Attribute) World Wide Web Consortium (W3C) F SGML (Standard GeneralizedMarkup Language) Chapter 1 Web Application Mr.Warawut Khangkhan 61
  • 62. F eXtensible HyperText MarkupLanguage ˈ 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) FDOM F ˈ F Object Oriented ModelDOM element tag F ˈ NodeF F F DOM F objectmethod Chapter 1 Web Application Mr.Warawut Khangkhan 63
  • 64. JavaScript F ˆˉ F F (Client) F F ˆˉ F ˆ F JavaScript ˆˉ F webbrowser 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 SheetCSS ˈ 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(OnlineBanking) F F SearchEngine ˈ 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 ˆ FHTML F<?php … ?> <? … ?> F FDynamic 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 FUnix, Windows Mas OS (Object-Oriented) F F F Personal FWeb Server (PWS), Apache, Tomcat,OmniHttpd Internet InformationService (IIS) Chapter 1 Web Application Mr.Warawut Khangkhan 70
  • 71. F F F Oracle, FilePro, MS SQL, mSQLMySQL ˈ 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 PagesASP 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 ServerControl ( F F ˆˉ F )F Felement 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 FJSP F F <% … %> F JAVAJSP ˈ .jsp Chapter 1 Web Application Mr.Warawut Khangkhan 75
  • 76. 1. JSP F Java F F F FF ˈ Windows, Linux Mac OS2. F Java API F Java API F F F FF ˈ F F F F ˈ F3. 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 F5. JSP F F FF ˈ F F F F F F F Chapter 1 Web Application Mr.Warawut Khangkhan 77
  • 78. F (Web ApplicationFramework)Ruby F F F FRails F F F FROR F F F ˆ Rails F FModel-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. XMLWMLWML 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 (DocumentType Definition)” F F F XML FXML 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 HTMLWML F F XMLWML F F F FF F FWML F (Web Pages) F F F F (Card) F F F (Deck) Chapter 1 Web Application Mr.Warawut Khangkhan 84
  • 85. ˈ F JavaScriptWML Script Server-Side FF F binary F F F Fclient 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 FF (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. FChapter 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 FF 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% FF 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 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 ˈ 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 FWeb Application F ˆ F F F F Diagram F ˈ ( F) F Chapter 1 Web Application Mr.Warawut Khangkhan 104