Differences between the prototype and the finished web application (25 marks)

Your answer here should assume that the prototype app incorporates all the changes described in Part 1 of this assignment. However, you do not need to complete the work described in Part 1 to answer this question. Mike is a little unclear on the differences between the prototype version of the application that he can try out, and a finished version that his guests could use. The prototype appears to work already! Refer to the Background section of this TMA to remind yourself of the intended functionality of the guest book web application. In the first section of your report, explain these differences for Mike in the following respects:

State the limitations of the Web API used to store diary entries in this prototype, and explain how these limitations would affect the finished application.

Produce a block diagram illustrating what you expect the different functional components of Mikes guest book web application might be, and how these components could fit together. Use colour or text to indicate which of these components are already present in the prototype app.

Under your diagram briefly describe each component and name the client- and/or server-side technologies that could be used to implement it.

Background In Block 1 you developed some ideas for a website for your friend Mike, who owns the Erehwon Guest House. In Block 2 you developed a prototype web application for managing enquiry information, and reported on web architecture and security. Mike continues to be enthusiastic about embracing web technologies and has had an idea for an online journal or diary for his guests. For many years they have recorded their thoughts about their stay in a paper 'guest book', which is kept in the guest house and allows people to share their experiences and read what previous guests have written. Mike has realised that he could use testimonials like these on his website to promote his guest house. To encourage his guests to document their stay, Mike would like to offer them a guest book' web application in which they can record a simple diary of text and photos, using a smartphone, tablet or laptop computer. Mike could then share diary entries on the guest house website. Demonstration app A first demonstration version of this application has been developed, which gives an impression of what it would be like for guests to use. When the application starts, it creates some demonstration diary entries and shows these on the page. These can be edited or deleted and new text and photo entries added, but these changes are not retained; each time the listinctarts (i.e. each Demonstration app A first demonstration version of this application has been developed, which gives an impression of what it would be like for guests to use. When the application starts, it creates some demonstration diary entries and shows these on the page. These can be edited or deleted and new text and photo entries added, but these changes are not retained; each time the application starts (i.e. each time the page is reloaded), it goes back to the way it was before. Further, the application always adds the same 'dummy photo. Mike is impressed with this demonstration, and has asked for further work to be done. From demonstration to prototype Your first task (namely Part 1 of the TMA) is to develop this demonstration app into a more functional prototype app. Specifically, you need to: improve the appearance of the app on different devices make it retain changes made to diary entries allow users to add their own photos. Like other examples in this block, the demonstration app is provided as a HTML file linked to CSS and JavaScript files that are necessary for the application to work. You must work with the files provided with this assignment and should edit only the parts of the files you are explicitly asked to change. Questions and concen Background In Block 1 you developed some ideas for a website for your friend Mike, who owns the Erehwon Guest House. In Block 2 you developed a prototype web application for managing enquiry information, and reported on web architecture and security. Mike continues to be enthusiastic about embracing web technologies and has had an idea for an online journal or diary for his guests. For many years they have recorded their thoughts about their stay in a paper 'guest book', which is kept in the guest house and allows people to share their experiences and read what previous guests have written. Mike has realised that he could use testimonials like these on his website to promote his guest house. To encourage his guests to document their stay, Mike would like to offer them a guest book' web application in which they can record a simple diary of text and photos, using a smartphone, tablet or laptop computer. Mike could then share diary entries on the guest house website. Demonstration app A first demonstration version of this application has been developed, which gives an impression of what it would be like for guests to use. When the application starts, it creates some demonstration diary entries and shows these on the page. These can be edited or deleted and new text and photo entries added, but these changes are not retained; each time the listinctarts (i.e. each Demonstration app A first demonstration version of this application has been developed, which gives an impression of what it would be like for guests to use. When the application starts, it creates some demonstration diary entries and shows these on the page. These can be edited or deleted and new text and photo entries added, but these changes are not retained; each time the application starts (i.e. each time the page is reloaded), it goes back to the way it was before. Further, the application always adds the same 'dummy photo. Mike is impressed with this demonstration, and has asked for further work to be done. From demonstration to prototype Your first task (namely Part 1 of the TMA) is to develop this demonstration app into a more functional prototype app. Specifically, you need to: improve the appearance of the app on different devices make it retain changes made to diary entries allow users to add their own photos. Like other examples in this block, the demonstration app is provided as a HTML file linked to CSS and JavaScript files that are necessary for the application to work. You must work with the files provided with this assignment and should edit only the parts of the files you are explicitly asked to change. Questions and concen