Ask a question from expert
Concepts of Web Application Development : Assignment
12 Pages4610 Words499 Views
Added on 2020-01-07
Concepts of Web Application Development : Assignment
Added on 2020-01-07
BookmarkShareRelated Documents
Session: February 2016Table of Contents1 Understand the concepts of web application development...............................................................31.1 Briefly describe web based application and critically analyse the business advantages that will make you use web applications to develop your solution.................................................................31.2 Critically compare the key differences between JavaScript (Client-side) and PHP (Server-side). Give examples and demonstrate how each will be used to build your solution................................41.3 Demonstrate web security techniques that you will be using to protect your data in the web application.........................................................................................................................................42 Design of the web application and associated database............................................................................4 2.1 Introduce a design to the online library based on the above scenario. Use all relevant techniques such as wire-framing, mock-ups and sitemap. Your website shall have all the relevant pages for full implementation of the above scenario including a sitemap..............................................4 2.2 Design a client-server architecture suitable for your web application. List all technologiesrequired on both sides and demonstrate how the client side will communicate data with serverside.....................................................................................................................................................................5 2.3 Create a database using MYSQL to use in your web application. Design multiple tables in yourdatabase............................................................................................................................................................6 2.4 Evaluate different designs for the above scenario............................................................................73 Familiarity with the implementation of the web application using proper client-server technologiesconnected to a relational database using html, CSS, JavaScript, PHP and MySQL DB 3.1 Implement the proposed wireframe and storyboards introduced in task 2 using mark-up andscripting languages as appropriate: HTML for web pages, CSS for presentation styles, JavaScript forclient side script...............................................................................................................................................7 3.2 Implement the tables created in task 2 to store, retrieve and manipulate data using PHP and SQL queries.......................................................................................................................................7 3.3 Implement opportunities for error handling of the login and contact forms..............................84 Testing and evaluation of the web application........................................................................................9
4.1 You are required to critically review and test the overall performance of your webapplication. You have to review and test both the client side (front end) and the server side (backend)..................................................................................................................................................................9 4.2 Use verification table to test actual results against expected results. Identify discrepancies and demonstrate how you will deal with them...............................10 4.3 Critically evaluate your web application with different users. List their feedback and Make recommendations for any possible improvements.................................10 4.4Create user guide and technical documentation for your web application solution.................................................................................................115.0 References.......................................................................................12
1 Understand the concepts of web application development1.1 Briefly describe web based application and critically analyse the business advantages that will make you use webapplications to develop your solution Web application development is the creation and maintenance of software applications to beused on the World Wide Web. It is performed by specialized programmers, who are familiar with thecoding necessary for the creation of Web pages, including HTML, XML, Flash, Perl, CSS, PHP, JSP,ASP, and others. [ CITATION Ale11 \l 1033 ]Web applications are, therefore, computer programs allowing website visitors to submit andretrieve data to/from a database over the Internet using their preferred web browser. The data isthen presented to the user within their browser as information is generated dynamically (in aspecific format, e.g. in HTML using CSS) by the web application through a web server.[ CITATIONCra05 \l 1033 ]Advantages of web development:LINK THE ADVANTAGES TO THE SCENARIOCross platform and mobile devices - Your apps can be easily ported to virtually any platformwith a web browserHuge community - Don't underestimate this. There are lots of amazing packages available tohelp your development and most of them are MIT licensed. Fast development cycles - JavaScript, HTML, and CSS make it very easy to build powerfulapps very quickly. Frameworks like Meteor (my personal favourite) make it even faster.Can be distributed offline as well. Utilities such as electron.io or NW.js make it easy to portyour web app into a cross platform native app.Web development is standards based - You are not required to use proprietary software thatlocks you to the platform.No additional software downloads required to run the web applications, everything that weneed is only a web Browser.Although there are many advantages there are also some disadvantages such as the ones listedbelow.Larger overhead - Applications can be slower than native desktop apps. When usingelectron.io you are also essentially shipping an entire web browser with your app whichdramatically increases the size of your app.You are stuck with JavaScript - JavaScript is the only language you can use for webdevelopment on the client. Because JavaScript is dynamic this also limits your ability tooptimize your app.Less control over computer resources - JavaScript is an interpreted language.
1.2 Critically compare the key differences between JavaScript (Client-side) and PHP (Server-side). Give examples and demonstrate how each will be used to build your solution.In web applications, there is the client and the server. The “client” is a web browser, like Internet Explorer, Google Chrome, Firefox, etc. The “server” is a web application server at a remote location that will process web requests and send pages to the client. Web applications can contain code that is processed on the client’s browser or on the web server.[ CITATION Dav08 \l 1033 ]Client-side scripts are written in some type of scripting language like JavaScript and interact directly with the page’s HTML elements like text boxes, buttons, list-boxes and tables. HTML and CSS (cascading style sheets) are also used in the client. In order for client-side code to work, the client’s internet browser must support these languages.[ CITATION Ale11 \l 1033 ]There are many advantages to client-side scripting including faster response times, a more interactive application, and less overhead on the web server.However, disadvantages of client-side scripting are that scripting languages require more time and effort, while the client’s browser must support that scripting language.Server-side processing is used to interact with permanent storage like databases or files. The server will also render pages to the client and process user input. Server-side processing happens when a page is first requested and when pages are posted back to the server. Examples of server-side processing are user validation, saving and retrieving data, and navigating to other pages.[ CITATION Dav11 \l 1033 ]The disadvantage of server-side processing is the page post back: it can introduce processing overhead that can decrease performance and force the user to wait for the page to be processed and recreated. Once the page is posted back to the server, the client must wait for the server to process the request and send the page back to the client.1.3 Demonstrate web security techniques that you will be using to protect your data in the web application.Web sites are unfortunately prone to security risks. And so are any networks to which web serversare connected. Setting aside risks created by employee use or misuse of network resources, yourweb server and the site it hosts present you’re most serious sources of security risk.Web servers by design open a window between your network and the world. The care taken withserver maintenance, web application updates and your web site coding will define the size of thatwindow, limit the kind of information that can pass through it and thus establish the degree of websecurity you will have.Some of the most popular securities vulnerabilities are:Privilege Elevation - is a class of attack where a hacker has an account on a system and usesit to increase his system privileges to a higher level than he/she was not meant to have.SQL Injection - malicious SQL statements are inserted into an entry field for execution. SQLinjection attacks are very critical as an attacker can get critical information from the serverdatabase.
End of preview
Want to access all the pages? Upload your documents or become a member.
Related Documents
Web Application Development Assignment Samplelg...
|9
|2703
|181
E-Commerce Website of Greenwich Butcherslg...
|13
|2896
|436
Dynamic Web Programming: Creating a RESTful JSON back-end API using PHPlg...
|6
|547
|114
SMS Manager - A Web Application for Saving and Sharing Messageslg...
|7
|2711
|153
Webpage Designlg...
|4
|652
|90
Web Design: HTML, CSS, and JavaScript for Web Application Developmentlg...
|7
|1183
|92