Describing key design decisions and features of your code

Assignment Help Programming Languages

Reference no: EM131332542

Advanced Web Scripting - Practical Assessment

Background / Requirements

Parkfordshire University has a timetabling system which allows for the production of personalised timetables, based on the modules each student is taking as part of their course. PU are keen to develop their system to allow students to choose the times to attend classes where a particular session runs more than one once.

Your job is to complete a number of practical tasks to implement a client-side front-end that will implement the desired functionality. A number of resources are available to help you complete these tasks, all of which are described below.

In addition, you must complete the design commentary task by describing key design decisions and features of your code.

Resources
To assist you in your development, PU have provided:
- a sample timetable display page created using HTML and CSS
- a default timetable in the form of JSON data to show how information can be accessed
- a remote service that will provide personalised timetable data for individual students
- a remote service for accepting proposed timetable choices

These resources are available on StudyNet along with the assignment briefing. You are free to use or change these resources as you wish in order to complete the tasks outlined below.

Development Tasks
To complete this assignment, you need to undertake each of the following practical tasks. The assessment of your work is described in the next section.

Practical Task 1: Display timetable information

Create a web page that will display a student's individual timetable using the sample timetable data (contained in sample.js). The user view could be in the form of a "week at a view" layout as shown in the sample timetable display (sample.html) - although you are free to create your own alternative design if you prefer.

The display should:
• Show all the scheduled contact sessions for the sample timetable data
• For each session, show the
o type of teaching (e.g. lecture, tutorial, practical)
o location, start and end time
o module code and group id

Practical Task 2: Dynamically populate content
Create a web page that will display a student's individual timetable, based on data retrieved from an external service.

The display should:
• Allow a user to enter their UH email and SRN for authentication purposes
• Retrieve the personalised timetable for the specified student
• Show all the scheduled contact sessions for a student's modules, as per task 1
• Show which sessions in a module are repeated at alternative times, as shown by the data returned from the service.

You are free to restructure the data returned by the service as required.

Practical Task 3: Allow choice of sessions
Create a web page that will allow users to choose between alternative times for sessions that run more than once, i.e. have multiple occurrences.

The display should:
• Allow a user to select a multi-occurrence session
• Highlight alternative choices for the selected session
• Allow the user to select an alternative session
• Highlight any clashes with other sessions occurring at that time

Practical Task 4: Upload session choices
Create a web page that will allow users to upload and register their choices for multi-occurrence sessions on their timetable.

The display should:
• Check there are no clashes with two or more timetabled sessions chosen for the same time
• Provide an option to register their choices if and only if no clashes are present
• Upload the data
• Show the upload has been successful

Task 5: Design Commentary

Write a commentary describing the decisions you have made in designing and writing the code for each of the practical tasks. The commentary should be approximately 600 words in length in total.

You are free to structure your commentary in any way you wish. The content will be assessed according to the criteria identified below.

Submission Requirements

All the code required for the practical tasks should be submitted as a single zip file. You may choose to submit:
- EITHER four separate pages - called task1.html, task2.html etc - where each page implements the requirements for one of the tasks
- OR one single page that implements the requirements for all four practical tasks

Your web page(s) should link to supporting files, e.g. script or stylesheets, with a local reference that will work when all the files are unzipped into a new directory.

Your design commentary should be submitted as either a Microsoft Word document or Adobe PDF file.

Your submission should NOT include your name, either in file names or in your written commentary, so that the University's anonymous marking policy can be applied.

Service Details

Task 1

A service is available at https://homepages.herts.ac.uk/~comqgrs/ads/timetable.php for you to use for task 2. If you visit this page you will see information on how to call the service.

This service returns a more detailed JSON timetable compared to the sample (with a very small element of personalisation) to allow for a better test of the functionality required for task 3. This data will return pure JSON, without any padding.

A test page called timetableDataServiceTest.html is provided to check that you can access this service from your working environment.

If you wish to get a padded version of the JSON data, use the service available
at https://homepages.herts.ac.uk/~comqgrs/ads/timetable+JSONP.php. As before, if you visit this page you will see information on how to call the service to get the padding you require.

Task 2

A service is available at https://homepages.herts.ac.uk/~comqgrs/ads/submitChoices.php for you to use for task 4. If you visit this page in your browser, you will see information on how to call the service. However, if you read the information about the service you will see you need to send a POST request to actually upload the information you wish to use.

A test page called timetableUploadServiceTest.html is provided to check that you can access this service from your working environment.

The way you structure the data you upload for task 4 is entirely your choice but it should be uploaded as text. Your text could be structured as a

- paragraph or sentence of text
- a string of characters or comma separated values
- a JavaScript array
- a JSON object

... or something else entirely different. However, the data does need to include a list of choices the user has made in Task 3 for the sessions they wish to attend. It would also be useful if your data included the student details. For the sake of testing purposes it wold be useful if they match your email and SRN but this is not mandatory.

Attachment:- Time Table.rar

Reference no: EM131332542

Questions Cloud

Depict the situation as a game with incomplete information : Depict the situation as a game with incomplete information, in which each type of each player is indexed by the number of e-mail messages he has received.

Analyze each metric to determine its application : Identify five metrics that you would include in measuring the success of an organization's talent management function.Analyze each metric to determine its application and relevance for success.Would you assign an equal weight to the metrics you chos..

Is risk management part of engineering asset management : ENGG958 Life Cycle and Risk Management Assignment 4: A workplace-based report. What are the risks or risk categories that engineering asset management have to deal with? Is risk management part of engineering asset management? What key issues of risk..

Series of credit card usage studies : Starting in 1998, a series of credit card usage studies have been performed by Sallie Mae, a major provider of educational loans and savings programs. In a recent pilot study, a random pool of 122 loan applicants attending four-year colleges had t..

Describing key design decisions and features of your code : Create a web page that will allow users to choose between alternative times for sessions that run more than once, i.e. have multiple occurrences - you must complete the design commentary task by describing key design decisions and features of your ..

Sample summary statistics in the output : Use the sample summary statistics in the output to verify the value for t in this case. What is the p-value corresponding to your alternative hypothesis?

Mean and standard deviation of the times : (a) State the null and the alternative hypothesis in this case. Define (in words) the parameter of interest in this case. A total of 12 mice attempted the maze while loud rap music was being played. The mean and standard deviation of the times to c..

Application of the ideas in statistical inference : 1. Here are several situations in which there is an incorrect application of the ideas in statistical inference. Write a sentence or two in each case explaining what is wrong and why it is wrong. (a) A significance test rejected the null hypothesi..

Standard normal curve corresponding : Using the standard normal distribution tables, what is the area under the standard normal curve corresponding to Z

Reviews

len1332542

12/29/2016 1:46:58 AM

3. First part of Task 3 would be relatively same as last part of task 2, but it should involve enabling student to choose amongst alternative timings suitable for him/her (for example, dragging and dropping modules in cell wherever the user wishes), then Highlighting other choices if available, then allowing student to select the session, and at the end, highlight or alerting if there are any clashes occurring for the chosen sessions. 4. Task 4 would be: Check there are no clashes with two or more timetabled sessions chosen for the same time Provide an option to register their choices if and only if no clashes are present Upload the data Show the upload has been successful I shall try to provide further help for uploading data in Task 4 (which I don't know for now). 5. Task 5 would be design commentary (provided in assignment briefing)

12/29/2016 1:46:53 AM

1. Task 1 would just show the regular timings including details mentioned in the briefing for a student (dynamically). JSON data required for this task is available in sample.js file. 2. Task 2 involves a login page for a student whose 'Student ID' is given in JSON. 2.2 After logging in, students regular timetable (which should be coming from online JSON) should appear. 2.3 Timetable interface should be made in a way that when student clicks on certain cell of timetable, it would show the relative alternative Timings for that specific module. For example, when student clicks on moduleCode uh6com1051 lab, it should display all other alternative times for uh6com1051 lab. Same thing for all other modules would apply. One thing to note would be if there are any clashes with other modules and multiple modules appear in a single cell, it should not be replacing the current module but displaying all together (of course, with an indication to differentiate amongst them).

Write a Review

Required(*) Message

User Account

All Pages