Contents 1 Definition and similar terms 1.1 Mobile web applications 2 History 3 Interface 4 Structure 5 Business use 6 Development 7 Applications 8 See also 9 References 10 External links

Definition and similar terms[edit] This section needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. (February 2018) (Learn how and when to remove this template message) The general distinction between a dynamic web page of any kind and a "web application" is unclear. Web sites most likely to be referred to as "web applications" are those which have similar functionality to a desktop software application, or to a mobile app. HTML5 introduced explicit language support for making applications that are loaded as web pages, but can store data locally and continue to function while offline. Single-page applications are more application-like because they reject the more typical web paradigm of moving between distinct pages with different URLs. Single-page frameworks like Sencha Touch and AngularJS might be used to speed development of such a web app for a mobile platform. Mobile web applications[edit] Further information: Multiple phone web-based application framework There are several ways of targeting mobile devices when making a web application: Responsive web design can be used to make a web application - whether a conventional web site or a single-page application viewable on small screens and work well with touchscreens. Progressive Web Apps are a hybrid of regular web pages (or websites) and a mobile application. Native apps or "mobile apps" run directly on a mobile device, just as a conventional software application runs directly on a desktop computer, without a web browser (and potentially without the need for Internet connectivity); these are typically written in Java (for Android devices) or Objective C or Swift (for iOS devices). Recently, frameworks like React Native, Flutter and Xamarin allow the development of native apps for all platforms using languages other than each standard native language. Hybrid apps embed a mobile web site inside a native app, possibly using a hybrid framework like Apache Cordova and Ionic or Appcelerator Titanium. This allows development using web technologies (and possibly directly copying code from an existing mobile web site) while also retaining certain advantages of native apps (e.g. direct access to device hardware, offline operation, app store visibility).

History[edit] This section needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. (February 2018) (Learn how and when to remove this template message) In earlier computing models like client–server, the processing load for the application was shared between code on the server and code installed on each client locally. In other words, an application had its own pre-compiled client program which served as its user interface and had to be separately installed on each user's personal computer. An upgrade to the server-side code of the application would typically also require an upgrade to the client-side code installed on each user workstation, adding to the support cost and decreasing productivity. In addition, both the client and server components of the application were usually tightly bound to a particular computer architecture and operating system and porting them to others was often prohibitively expensive for all but the largest applications. (Nowadays, native apps for mobile devices are also hobbled by some or all of the foregoing issues.) In contrast, web applications use web documents written in a standard format such as HTML and JavaScript, which are supported by a variety of web browsers. Web applications can be considered as a specific variant of client–server software where the client software is downloaded to the client machine when visiting the relevant web page, using standard procedures such as HTTP. Client web software updates may happen each time the web page is visited. During the session, the web browser interprets and displays the pages, and acts as the universal client for any web application. In the early days of the Web, each individual web page was delivered to the client as a static document, but the sequence of pages could still provide an interactive experience, as user input was returned through web form elements embedded in the page markup. However, every significant change to the web page required a round trip back to the server to refresh the entire page. In 1995, Netscape introduced a client-side scripting language called JavaScript allowing programmers to add some dynamic elements to the user interface that ran on the client side. So instead of sending data to the server in order to generate an entire web page, the embedded scripts of the downloaded page can perform various tasks such as input validation or showing/hiding parts of the page. In 1996, Macromedia introduced Flash, a vector animation player that could be added to browsers as a plug-in to embed animations on the web pages. It allowed the use of a scripting language to program interactions on the client side with no need to communicate with the server. In 1999, the "web application" concept was introduced in the Java language in the Servlet Specification version 2.2. [2.1?].[2][3] At that time both JavaScript and XML had already been developed, but Ajax had still not yet been coined and the XMLHttpRequest object had only been recently introduced on Internet Explorer 5 as an ActiveX object.[4] In 2005, the term Ajax was coined, and applications like Gmail started to make their client sides more and more interactive. A web page script is able to contact the server for storing/retrieving data without downloading an entire web page. In 2011, HTML5 was finalized, which provides graphic and multimedia capabilities without the need of client side plug-ins. HTML5 also enriched the semantic content of documents. The APIs and document object model (DOM) are no longer afterthoughts, but are fundamental parts of the HTML5 specification. WebGL API paved the way for advanced 3D graphics based on HTML5 canvas and JavaScript language. These have significant importance in creating truly platform and browser independent rich web applications.

Interface[edit] Through Java, JavaScript, DHTML, Flash, Silverlight and other technologies, application-specific methods such as drawing on the screen, playing audio, and access to the keyboard and mouse are all possible. Many services have worked to combine all of these into a more familiar interface that adopts the appearance of an operating system. General purpose techniques such as drag and drop are also supported by these technologies. Web developers often use client-side scripting to add functionality, especially to create an interactive experience that does not require page reloading. Recently, technologies have been developed to coordinate client-side scripting with server-side technologies such as ASP.NET, J2EE, Perl/Plack and PHP. Ajax, a web development technique using a combination of various technologies, is an example of technology which creates a more interactive experience.

Structure[edit] Applications are usually broken into logical chunks called "tiers", where every tier is assigned a role.[5] Traditional applications consist only of 1 tier, which resides on the client machine, but web applications lend themselves to an n-tiered approach by nature.[5] Though many variations are possible, the most common structure is the three-tiered application.[5] In its most common form, the three tiers are called presentation, application and storage, in this order. A web browser is the first tier (presentation), an engine using some dynamic Web content technology (such as ASP, CGI, ColdFusion, Dart, JSP/Java, Node.js, PHP, Python or Ruby on Rails) is the middle tier (application logic), and a database is the third tier (storage).[5] The web browser sends requests to the middle tier, which services them by making queries and updates against the database and generates a user interface. For more complex applications, a 3-tier solution may fall short, and it may be beneficial to use an n-tiered approach, where the greatest benefit is breaking the business logic, which resides on the application tier, into a more fine-grained model.[5] Another benefit may be adding an integration tier that separates the data tier from the rest of tiers by providing an easy-to-use interface to access the data.[5] For example, the client data would be accessed by calling a "list_clients()" function instead of making an SQL query directly against the client table on the database. This allows the underlying database to be replaced without making any change to the other tiers.[5] There are some who view a web application as a two-tier architecture. This can be a "smart" client that performs all the work and queries a "dumb" server, or a "dumb" client that relies on a "smart" server.[5] The client would handle the presentation tier, the server would have the database (storage tier), and the business logic (application tier) would be on one of them or on both.[5] While this increases the scalability of the applications and separates the display and the database, it still doesn't allow for true specialization of layers, so most applications will outgrow this model.[5]

Business use[edit] This section needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. (February 2018) (Learn how and when to remove this template message) An emerging strategy for application software companies is to provide web access to software previously distributed as local applications. Depending on the type of application, it may require the development of an entirely different browser-based interface, or merely adapting an existing application to use different presentation technology. These programs allow the user to pay a monthly or yearly fee for use of a software application without having to install it on a local hard drive. A company which follows this strategy is known as an application service provider (ASP), and ASPs are currently receiving much attention in the software industry. Security breaches on these kinds of applications are a major concern because it can involve both enterprise information and private customer data. Protecting these assets is an important part of any web application and there are some key operational areas that must be included in the development process.[6] This includes processes for authentication, authorization, asset handling, input, and logging and auditing. Building security into the applications from the beginning can be more effective and less disruptive in the long run. Cloud Computing model web applications are software as a service (SaaS). There are business applications provided as SaaS for enterprises for fixed or usage dependent fee. Other web applications are offered free of charge, often generating income from advertisements shown in web application interface.

Development[edit] Main article: Web application development Writing a web application is often simplified by open source software[relevant? – discuss] such as Django, Ruby on Rails or Symfony called web application frameworks. These frameworks facilitate rapid application development by allowing a development team to focus on the parts of their application which are unique to their goals without having to resolve common development issues such as user management.[7] While many of these frameworks are open source, this is by no means a requirement. The use of web application frameworks can often reduce the number of errors in a program, both by making the code simpler, and by allowing one team to concentrate on the framework while another focuses on a specified use case. In applications which are exposed to constant hacking attempts on the Internet, security-related problems can be caused by errors in the program. Frameworks can also promote the use of best practices[8] such as GET after POST. In addition, there is potential for the development of applications on Internet operating systems, although currently there are not many viable platforms that fit this model.

Applications[edit] Examples of browser applications are simple office software (word processors, online spreadsheets, and presentation tools), but can also include more advanced applications such as project management, computer-aided design, video editing and point-of-sale.

See also[edit] Internet portal Software as a service (SaaS) Web 2.0 Web Engineering Web services Web Sciences Web widget Single-page application Ajax (programming) Web development tools Browser game

References[edit] ^ Nations, Daniel. "Web Applications". Retrieved 20 January 2014.  ^ Alex Chaffee (2000-08-17). "What is a web application (or "webapp")?". Retrieved 2008-07-27.  ^ James Duncan Davidson, Danny Coward (1999-12-17). Java Servlet Specification ("Specification") Version: 2.2 Final Release. Sun Microsystems. pp. 43–46. Retrieved 2008-07-27.  ^ "Dynamic HTML and XML: The XMLHttpRequest Object". Apple Inc. Retrieved 2008-06-25.  ^ a b c d e f g h i j Jeremy Petersen. "Benefits of using the n-tiered approach for web applications".  ^ "Top Tips for Secure App Development". Retrieved 2012-06-22.  ^ Multiple (wiki). "Web application framework". Docforge. Retrieved 2010-03-06.  ^ Multiple (wiki). "Framework". Docforge. Retrieved 2010-03-06. 

External links[edit] Wikimedia Commons has media related to Internet applications. HTML5 Draft recommendation, changes to HTML and related APIs to ease authoring of web-based applications. The Other Road Ahead — An article arguing that the future lies on the server, not rich interfaces on the client Web Applications at Curlie (based on DMOZ) Web Applications Working Group at the World Wide Web Consortium (W3C) v t e Web interfaces Server-side Protocols HTTP CGI SCGI FCGI AJP WSRP WebSocket Server APIs C NSAPI C ASAPI C ISAPI COM ASP Java servlet container CLI OWIN ASP.NET Handler Python WSGI Ruby Rack JavaScript JSGI Perl PSGI Lua WSAPI Portlet container Apache modules mod_jk mod_lisp mod_mono mod_parrot mod_perl mod_php mod_proxy mod_python mod_wsgi mod_ruby Phusion Passenger Topics Web resource vs. Web service Open API Webhook Application server comparison Scripting Client-side Browser APIs C NPAPI LiveConnect XPConnect C NPRuntime C PPAPI NaCl ActiveX BHO XBAP WebAssembly Web APIs W3C Audio Canvas CORS DOM DOM events EME File Geolocation IndexedDB MSE SSE SVG Video WebRTC WebSocket Web messaging Web storage Web worker XMLHttpRequest Khronos WebCL WebGL Others Gears Web SQL Database (formerly W3C) Topics Ajax vs. DHTML Mashup Web IDL Scripting Topics Dynamic web page Open Web Platform Rich Internet application Web application Authority control LCCN: sh2012001728 NDL: 01058852 Retrieved from "" Categories: Software architectureWeb applicationsWeb developmentUser interface techniquesHidden categories: Articles needing additional references from February 2018All articles needing additional referencesWikipedia articles that may have off-topic sectionsCommons category with local link different than on WikidataArticles with Curlie linksWikipedia articles with LCCN identifiers

Navigation menu Personal tools Not logged inTalkContributionsCreate accountLog in Namespaces ArticleTalk Variants Views ReadEditView history More Search Navigation Main pageContentsFeatured contentCurrent eventsRandom articleDonate to WikipediaWikipedia store Interaction HelpAbout WikipediaCommunity portalRecent changesContact page Tools What links hereRelated changesUpload fileSpecial pagesPermanent linkPage informationWikidata itemCite this page Print/export Create a bookDownload as PDFPrintable version In other projects Wikimedia Commons Languages العربيةБългарскиCatalàČeštinaDanskDeutschEestiΕλληνικάEspañolEsperantoEuskaraفارسیFrançais한국어Հայերենहिन्दीBahasa IndonesiaItalianoעבריתҚазақшаMagyarMalagasyМонголNederlands日本語NorskPolskiPortuguêsRomânăРусскийShqipSimple EnglishSlovenčinaСрпски / srpskiSrpskohrvatski / српскохрватскиSuomiSvenskaதமிழ்ไทยTürkçeУкраїнськаاردوTiếng Việt中文 Edit links This page was last edited on 5 February 2018, at 10:57. Text is available under the Creative Commons Attribution-ShareAlike License; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization. Privacy policy About Wikipedia Disclaimers Contact Wikipedia Developers Cookie statement Mobile view (window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.200","walltime":"0.287","ppvisitednodes":{"value":1238,"limit":1000000},"ppgeneratednodes":{"value":0,"limit":1500000},"postexpandincludesize":{"value":75321,"limit":2097152},"templateargumentsize":{"value":1152,"limit":2097152},"expansiondepth":{"value":9,"limit":40},"expensivefunctioncount":{"value":1,"limit":500},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 238.764 1 -total"," 27.37% 65.354 1 Template:Reflist"," 20.28% 48.418 1 Template:More_citations_needed"," 19.31% 46.095 7 Template:Cite_web"," 15.74% 37.586 4 Template:Ambox"," 12.31% 29.396 1 Template:Commons_category"," 8.09% 19.311 4 Template:Navbox"," 7.40% 17.679 1 Template:Web_interfaces"," 7.14% 17.058 1 Template:Relevance_inline"," 6.94% 16.561 3 Template:Refimprove_section"]},"scribunto":{"limitreport-timeusage":{"value":"0.087","limit":"10.000"},"limitreport-memusage":{"value":3789278,"limit":52428800}},"cachereport":{"origin":"mw1333","timestamp":"20180218171811","ttl":1900800,"transientcontent":false}}});});(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":367,"wgHostname":"mw1333"});});

Web_application - Photos and All Basic Informations

Web_application More Links

Wikipedia:VerifiabilityHelp:Introduction To Referencing With Wiki Markup/1Help:Maintenance Template RemovalEnlargeHorde (software)GroupwareOpen-sourceClient–server ModelComputer ProgramWeb BrowserWebmailOnline ShoppingOnline AuctionWikiInstant MessagingWikipedia:VerifiabilityHelp:Introduction To Referencing With Wiki Markup/1Help:Maintenance Template RemovalDynamic Web PageMobile App ServerHTML5Single-page ApplicationSencha TouchAngularJSMultiple Phone Web-based Application FrameworkResponsive Web DesignProgressive Web AppNative AppObjective CSwift (programming Language)React NativeFlutter (company)Apache CordovaIonic (mobile App Framework)Appcelerator TitaniumApp StoreWikipedia:VerifiabilityHelp:Introduction To Referencing With Wiki Markup/1Help:Maintenance Template RemovalUser InterfacePersonal ComputerTechnical SupportProductivityComputer ArchitectureOperating SystemPortingNative AppWeb DocumentHTMLJavaScriptHTTPWorld Wide WebForm (web)NetscapeClient-side ScriptingJavaScriptDynamic HTMLAdobe FlashVector GraphicsPlug-in (computing)XMLAjax (programming)XMLHttpRequestGmailHTML5Document Object ModelWebGLRich Internet ApplicationJava (Sun)JavaScriptDHTMLAdobe FlashMicrosoft SilverlightDrag And DropASP.NETJ2eePlack (software)PHPAjax (programming)Three-tier (computing)Active Server PagesCommon Gateway InterfaceColdFusionDart (programming Language)Java ServletNode.jsPHPPython (programming Language)Ruby On RailsWikipedia:VerifiabilityHelp:Introduction To Referencing With Wiki Markup/1Help:Maintenance Template RemovalApplication Service ProviderCloud ComputingSoftware As A ServiceWeb Application DevelopmentOpen Source SoftwareWikipedia:Writing Better ArticlesTalk:Web ApplicationDjango (web Framework)Ruby On RailsSymfonyWeb Application FrameworkRapid Application DevelopmentHacker (computer Security)Software Development SecurityPost/Redirect/GetInternet Operating SystemWord ProcessorList Of Online SpreadsheetsWeb Based Presentation ToolsComputer-aided DesignVideo EditingPoint Of SalePortal:InternetSoftware As A ServiceWeb 2.0Web EngineeringWeb ServiceWeb ScienceWeb WidgetSingle-page ApplicationAjax (programming)Web Development ToolsBrowser GameSun MicrosystemsDMOZTemplate:Web InterfacesTemplate Talk:Web InterfacesWeb APIServer-sideCommunications ProtocolHypertext Transfer ProtocolCommon Gateway InterfaceSimple Common Gateway InterfaceFastCGIApache JServ ProtocolWeb Services For Remote PortletsWebSocketServer Application Programming InterfaceNetscape Server Application Programming InterfaceApache HTTP ServerInternet Server Application Programming InterfaceActive Server PagesJava ServletWeb ContainerOpen Web Interface For .NETHTTP HandlerWeb Server Gateway InterfaceRack (web Server Interface)JSGIPSGIKepler (software)PortletPortlet ContainerCategory:Apache Httpd ModulesMod JkMod LispMod MonoMod ParrotMod PerlPHPMod ProxyMod PythonMod WsgiMod RubyPhusion PassengerWeb ResourceWeb ServiceOpen APIWebhookApplication ServerComparison Of Application ServersServer-side ScriptingClient-sideBrowser ExtensionNPAPINPAPINPAPINPAPIGoogle Native ClientGoogle Native ClientActiveXBrowser Helper ObjectXAML Browser ApplicationsWebAssemblyWeb APIWorld Wide Web ConsortiumHTML5 AudioCanvas ElementCross-origin Resource SharingDocument Object ModelDOM EventsEncrypted Media ExtensionsHTML5 File APIW3C Geolocation APIIndexed Database APIMedia Source ExtensionsServer-sent EventsScalable Vector GraphicsHTML5 VideoWebRTCWebSocketWeb MessagingWeb StorageWeb WorkerXMLHttpRequestKhronos GroupWebCLWebGLGears (software)Web SQL DatabaseAjax (programming)Dynamic HTMLMashup (web Application Hybrid)Web IDLClient-side ScriptingDynamic Web PageOpen Web PlatformRich Internet ApplicationHelp:Authority ControlLibrary Of Congress Control NumberNational Diet LibraryHelp:CategoryCategory:Software ArchitectureCategory:Web ApplicationsCategory:Web DevelopmentCategory:User Interface TechniquesCategory:Articles Needing Additional References From February 2018Category:All Articles Needing Additional ReferencesCategory:Wikipedia Articles That May Have Off-topic SectionsCategory:Commons Category With Local Link Different Than On WikidataCategory:Articles With Curlie LinksCategory:Wikipedia Articles With LCCN IdentifiersDiscussion About Edits From This IP Address [n]A List Of Edits Made From This IP Address [y]View The Content Page [c]Discussion About The Content Page [t]Edit This Page [e]Visit The Main Page [z]Guides To Browsing WikipediaFeatured Content – The Best Of WikipediaFind Background Information On Current EventsLoad A Random Article [x]Guidance On How To Use And Edit WikipediaFind Out About WikipediaAbout The Project, What You Can Do, Where To Find ThingsA List Of Recent Changes In The Wiki [r]List Of All English Wikipedia Pages Containing Links To This Page [j]Recent Changes In Pages Linked From This Page [k]Upload Files [u]A List Of All Special Pages [q]Wikipedia:AboutWikipedia:General Disclaimer

view link view link view link view link view link