Skill Assessment 2

Learning Outcomes:

•    Demonstrate knowledge and understanding ofthe principles of web development technologies including:

o Principles of Python programming for web development

•    Demonstrate knowledge and understanding ofthe principles ofthe associated technologies that support web-based application development to include:

o Practices of client-side technologies e.g. JavaScript, HTML and CSS.

o Practices of RDBMS e.g. SQL and MySQL.

•    Demonstrate the ability to build and deploy real-world web-based software solutions to include:

o Principles of solution-based design.

o Practices of software system development, deployment and testing.

o Principles of performance, optimisation and rendering.

Overview

Read through the following brief carefully and build dynamic web pages using HTML, CSS, jQuery and Python/Flask/Django that satisfy these requirements to create a Web Application. When you are content that your program is working correctly, then please save your code files and report (you can compress them in one zip file) and upload them to Canvas.

Web Application

Over the years you have collected a number of different media including Video Games, Movies, and TV Series Box Sets.  You regularly lend these to friends and family but often forget who has what at any given time.   You now wish to use your recently acquired knowledge in Web Application Development to develop a Web Application that can help you keep track of these media.  Your system should allow a registered user to see your collection, whether an item is currently on loan and make requests for items to loan.  It should also allow you as the administrator to add, modify and remove items from the collection, as well as changing the status of an item from "available" to "on loan by X" where X is the name ofthe person who currently has the item.  As the administrator you should also be able to see a list of registered users and allow you to update their details.  Other functionality beyond what's been described is expected.  It is also expected that the application will leverage a suitable database.   The primary focus of your work should be on functionality, but good presentation is also included in the assessment criteria.

The website should be capable to gathering and conditioning data that has been supplied by a user and should contain multiple pages. Students should also demonstrate how the website has met compliance standards and that ethical and security issues have been considered with regards to user data.   The website should contain  some dynamic interactive  design  and  event  handling  techniques  (for  example,  extensive  form validation).  Students  should  also  make  use  of relevant  external  libraries  where appropriate (such as jQuery UI or Bootstrap) in order to provide an improved user experience. Students will be required to document and justify their approaches via analysing user requirements and through a review of the current literature.  Students will also be required to document their design approaches.  Any external sources used in the design or implementation process should be appropriately cited and referenced.

The following ERD can help you with the overall design and implementation of your application, but it should be used only as guidance and not as a requirement to fulfil:

Figure 1:  Sample ERD

Non-exhaustive list ofrequirements:

1. The website should contain multiple pages: (70%)

a.         A  homepage:  including  general  information  for  your  site,  various techniques such as animated menus, image effects, etc. should be used.  (10%)

b.         Main content pages: Public side including information on how to access the media library, with a member’s area (post-login) and admin side leading to a dashboard showing various relevant details such as the media library for regular users, and a management board for the admin . (40%)

c.         User input validation. (10%)

d.         Students  are  encouraged  to  apply  other  HTML/JavaScript/jQuery

related techniques in the implementation for higher marks. (10%)

2. The whole design process should be documented in a short report (5- 10 pages).

The report should provide: (15%)

a. Password(s) as necessary

c. Evidence of a clear design process (10%)

d. References (5%)

3.         Students  must  submit  a  short  5- 10  minutes  screencast  demonstrating  their project, walking through the main features, and discussing briefly the code that supports these features (15%).

Note: students should develop the web site independently. External information used should be referenced appropriately.

Table 1 below provides a description of the minimum required features of your WA.

Table 1:List of Requirementsfor site.

You are encouraged to go beyond this  set  of features/capabilities to develop  and demonstrate an extensive and practical knowledge of Web Application Development.

Submission Details

All  application  files  and  related  sub  folders  must  be  made  available  with  your submission.   The following instructions will serve  as  further guidance on how to complete the submission.

1)  You are encouraged to use an appropriate folder structure for your application, as described in the laboratory guides for the module.

2)  A short screen cast video (max  10 mins) named ‘video’ (.mov and mp4 are acceptable formats) should be uploaded to Canvas. The video must include voice over and must show the features you have created as well as a clear readable view and explanation ofthe code that make the features operational.

3)  It is your responsibility to fully test your Application and all of its functionality.

4)  Submissions after the deadline will be considered LATE and will be subject to University policy on late submissions. You are encouraged to submit your work well in advance of the deadline.  Remember, the submission date and time are NOT A TARGET.

Assessment Criteria

The following indicates the criteria used in assessing the level of mastery your work evidences.

Poor    Little or no evidence of effort in the challenges set. The functionality developed

is largely incomplete and some core functionality is omitted. The requirements set out in Table 1 are not completed or only partially completed and with low quality. The layout  and  usability  of  the  application  are  poor  with  inconsistent  layout  and functionality that is deemed not usable.

Adequate        Some  evidence  of effort  being  applied  in  the  challenges  set.  The

functionality  developed  is  largely  complete  although  there  may  be  some  minor functionality omitted. The requirements set out in Table 1 are mostly completed and with medium quality. The layout and usability of the application are adequate.

Satisfactory     Solid  evidence  of effort  being  applied  in  the  challenges  set.  The functionality  developed  is  largely  complete  although  there  may  be  some  minor functionality only partially completed. The requirements set out in Table  1 are all completed, however, with varying degrees of quality. The layout and usability of the application are satisfactory.

Good   Strong evidence of effort being applied in the challenges set. The functionality developed is all completed although there may be some minor functionality completed to a satisfactory quality. The requirements set out in Table 1 are all completed with a consistent approach to their quality. The layout and usability ofthe application are very good and show consistency and good levels ofusability.

Excellent         Exemplary evidence of effort being applied in the challenges set. The

functionality   developed  is   fully   completed  to   a  high  quality  with   additional functionality beyond that in Table  1. The requirements  set out in  Table  1 are all completed with a consistent and high quality. The layout and usability of the application are extremely good and show consistency and high levels ofusability.