Create a web page that will display timetable

Assignment Help Computer Engineering

Reference no: EM131340325

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 2

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 4

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: EM131340325

Questions Cloud

Calculate the value of the unmarked capacitor : For the circuit shown in Fig. 3.34 the total capacitance is 16 pF

Which type of pricing is most likely used : Mach 3 razor blades must be used in the Mach 3 razor. Which type of pricing is most likely used? Which of the following is a cost-based approach to pricing? Which of the following statements about a break-even chart is true

Corporate reportings important role in investors decisions : Many reformers give reporting a more important and comprehensive role and attribute stock market volatility, bubbles and slumps to the alleged defects in today's reporting. Discuss.

Determine the capacitance of a capacitor : Determine the capacitance of a capacitor that stores 4 mJ of energy when charged to a p.d. of 40 V.

Create a web page that will display timetable : 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 - you must complete the design commentary ..

What is the myth of sisyphus : PHL162 : What is the myth of Sisyphus? How does Taylor think we could add meaning to Sisyphus' life? Do you agree with him that adding those things would make his life meaningful? Why/why not?What does Taylor conclude makes our lives meaningful? Do..

Legislation support the establishment of unions and union : How did federal legislation support the establishment of unions and union rights? If such legislation had not been passed, do you think that labor organizations would have developed? Would they have succeeded in establishing themselves?

Efforts to strengthen and improve corporate governance : Efforts to strengthen and improve corporate governance around the world are ineffective without the cooperation of those involved in the production of financial information. Discuss.

What transatlantic similarities in corporate scandals exist : What lessons do you draw from the scandal at Europe's largest dairy-products group?- What transatlantic similarities in corporate scandals exist other than the fallibility of auditors?

Reviews

len1340325

1/4/2017 3:34:41 AM

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 5. Task 5 would be design commentary (provided in assignment briefing) And also a reminder that deadline is 8th and the work to be done should totally in javascript (no use of libraries),html and css. All the details of assignment have been sent you

1/4/2017 3:34:33 AM

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). 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.

1/4/2017 3:33:44 AM

Attached are the files required for completion of the assignment, including an assignment briefing sheet, a ready-made html timetable and a 'sample.js' file which is a local JSON file specified for Task 1 only. The HTML file also includes the code required for reaching the JSON data which is provide through an online service (For Task 2 and onwards). Here's how I wish it to be done: 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.

1/4/2017 3:31:48 AM

Attached are the files required for Task 4 (filename: timetableUploadServiceTest.html) in which we upload the user's selected Timings, and for task 2 & 3 (timetableDataServiceTest.html) in which we have to populate the table using online JSON service. Also, the word count for task 5 design commentary is 600 words. Beside this, all necessary information along with the required html and js files have already been provided.

Write a Review

Required(*) Message

User Account

All Pages