We're Open
+44 7340 9595 39
+44 20 3239 6980

DETAILS OF OPENING HOURS CAN BE FOUND IN PRORESOURCE

  100% Pass and No Plagiarism Guaranteed

DETAILS OF OPENING HOURS CAN BE FOUND IN PRORESOURCE

Background

The South-east Eat Street (SES), is an online shop specifically selling take-away street foods from different countries. They have contracted you to develop a website for this shop. You have been provided with the following initial and technical specifications.

Memo: Website Requirements

From: South-east Eat Street (SES), Senior Management

To : Think Wise Engineering R&D Consultants

Specification

Design and develop a website. The idea is to provide information to buyers visiting the shop. The goal is to allow buyers to obtain an overview of the shop layout and to find details of the food they would like to buy.

Resources

Resources such as images and details of opening hours can be found in ProResource.ZIP. The content of the ZIP file is:

1.Four folders named Indian, Chinese, Mexican and Japanese. Each folder contains images relating to the different types of food indicated by the name of its folder.

2.A text file Food_List.txt contains the names of the food corresponding to each of the image from each folder. You need to use these names as the official description of the food on your web site.

3.A text file Time.txt containing the time-table of opening times for the shop.

4.Logo.jpg – an image of the logo of the shop.

5.Floor_plan.jpg – floor layout of the shop.

General Requirements

The managers of SES insist that the following requirements must be adhered to:

1.Each webpage of the website must display the SES logo.

2.Do not change the description of the food. Do not rename the filenames of any of the images.

3.All images of each food must be presented to the visitor. This can be done within one webpage or distributed across several web pages. The idea is to ensure that visitors are made aware of the complete selection of items available for them to visit.

1

 

4.The images are to be used as it is. You can resize the images retaining the original aspect ratio, but do not crop or edit (e.g. recolour, touch up, sharpen, etc.) or rename the images in any way.

5.Generate a separate page providing the opening hours. The details are found in the Time.txt file.

6.Text description for each food is not provided. You can provide your own ‘dummy’ text to demonstrate the functionality of your web page design.

Example of Users Interacting with the Website

The buyer to the website will be greeted by a welcome message and the following layout of the floor plan of the shop. The buyer clicks on any of the food stall (ovals). It should bring up details of the specific hall selected with relevant foods. The buyer clicks on any of the images of the foods to obtain further information on that food type. In addition, if the buyer selects an option to display opening hours, a separate page should appear to provide this information. Note this is the basic requirement, it is up to you to implement other details e.g. instructions, navigational control, etc.

North

Indian

Food

Emergency

Exit

Japanese

Food

Foot Path

Chinese

Food

Mexican

Food

Main Entrance

What to Submit

On the specified due date, you are to submit two assessment items:

(1)Portfolio 2, and

(2)Practical Assessment 2.

 

PLAGIARISM

CQUniversity regards plagiarism as a serious offence and it can have serious consequences for you as a student.

Read more:

 

Assessment details for: Portfolio 2 (10 marks).

What You Need to Do

The Individual Case Project specified in Portfortlio 2 is a continuation from Portfolio 1.

At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual

Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.

Weekly Individual Case Project

Marks

 

 

Portfolio 2.1 (Chapter 7)

1.5

Use your design sketches from Portfolio 1 and start to build wireframe page

 

mock-ups for the different page levels of your site. Your website should adopt

 

a flexible design. Using the skills you learned in this chapter, build and submit

 

page layouts for the different levels of information your site will contain. For

 

example, you need to build a home page mock-up, an article page mock-up,

 

and a section page mock-up. Remember to test your page mock-ups with

 

some text content and at different browser sizes and screen resolutions as

 

specified in the details for Practical Assessment 2.

 

 

 

Portfolio 2.2 (Chapter 8)

1.5

Gather the graphics to use on the different pages of your site. This is provided

 

in the RESOURCE.ZIP folder. For other graphics that are not included, please

 

exercise your creativity to create graphics that you will use in the project.

 

These include banner, navigation, section, or identifying graphics. Add these

 

graphics to the test pages of your site. Test the images in multiple browsers to

 

make sure they are displayed properly. Think about the different color

 

requirements for your content, and decide how you can enhance the legibility

 

of the content. Can color help communicate the structure of your

 

information?

 

Determine the color choices for your web site. Pick the colors for text, table

 

backgrounds, and page backgrounds. Establish graphics standards for your

 

web site, including but not limited to the following:

 

• Decide whether you will use a standard amount of white space around each

 

graphic.

 

• Determine exactly which img attributes should be included in all tags.

 

• Formulate a standard for all alt and title attributes.

 

• Formulate a basic set of image standards for your site. Use this as the

 

display standard for testing your graphics. • Determine colors of links and

 

visited links. • Write a short standards document that can be provided to

 

anyone who contributes to the site.

 

 

 

4

 

Portfolio 2.3 (Chapter 9)

1.5

Examine the flowchart you created for your web site. Consider the

 

requirements of both internal and external navigation. Create a revised

 

flowchart that shows the variety of navigation options you are planning for

 

the web site. Using your HTML editor, mark up examples of navigation bars

 

for your content. Make sure your filenames are intact before you start coding.

 

Save the various navigation bars as separate HTML5 files for later inclusion in

 

your web pages. Plan the types of navigation graphics you want to create.

 

Use graphics from Portfolio 2.2 for your page banners, navigation buttons,

 

and related graphics.

 

* Do not include the HTML5 script files in your portfolio. Include only a

 

selection of examples of the work you have carried out at this stage. It is

 

assumed that the HTML5 script files will subsequently be improved and

 

expanded and becomes part of your final project for Practical Assessment 2.

 

 

 

Portfolio 2.4 (Chapter 10)

1.5

Examine the content of TIME.TXT provided in the RESOURCE.ZIP. Design and

 

implement the data contained in this file to be appropriately displayed as a

 

table the project website

 

Portfolio 2.5(Chapter 11)

1.5

Design and include forms in the project website. The forms will be used to

 

gather contact details of visitors to the website. Include the following fields:

 

• Name

 

• Age

 

• Gender

 

• Country of Origin

 

• Personal Interest

 

• Comments

 

 

 

Portfolio 2.6 (Chapter 12)

1.5

Finalize your project web site by testing the finished design in multiple

 

browsers and devices (simulators) and making any necessary adjustments or

 

changes to support compatibility. If possible, enlist three to five people to

 

review your web site. Ask for their recommendation.

 

Compile the feedback and analyse the results the test. What do the results

 

indicate about the effectiveness of your design. Point out the areas that you

 

feel could benefit from user recommendations. List any assumptions you

 

made about the web site and how users either confirmed or denied these

 

assumptions.

 

Complete Portfolio 2

1.0

Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6

 

into a DOC or DOCX report. Present this as a formal report to the client that

 

contracted you for this project. For the purpose of this project you are

 

5

 

 

assumed to be a professional. As such, you should attempt at your best to

 

reflect this quality in the preparation of the report.

 

All sketches, diagrams and figures should be embedded as part of the report.

 

Do not submit external files. For webpage renderings of HTML5 or CSS3,

 

please include screen captures of example of your web pages. Do not submit

 

HTML5 or CSS3 script files in your Portfolio.

 

The format of your report should be as follows: A4 size paper, 2.5cm margins

 

on all sides, single-sided, Time Romans or New Time Romans font, 12pt font

 

size, DOC or DOCX format.

 

Total Marks:

10


Assessment details for: Practical Assessment 2 (30 marks).

What You Need to Do

To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024x768 to 1280x1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be 500x720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.

The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to 500x720 pixels.

The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.

Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of 500x720 pixels to be tested using Google Chrome’s developers device simulator.

Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.

Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.html directly from within a web browser. No web server is required for Practical Assessment 1 and 2.

What to Submit

Submit one ZIP file folder to your Moodle course site online submission portal for this course. Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:

All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.

7

Assessment Criteria

The following criteria will be used to assess your assignment:

Criteria

Marks

• Overall functionality. Web pages function as intended.

5

 

 

• Website demonstrates all aspects of a responsive web implementation.

10

 

 

• The completed website sufficiently demonstrates the main features of the initial

5

design and its intended purpose.

 

 

 

• Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency in

5

HTML5 and CSS3.

 

 

 

• Website and associated webpage design corresponds closely to the work

3

reported in Portfolio 2. Conversely, the details presented in Portfolio 2 should be

 

supportive of the prototype implementation as demonstrated in Practical

 

Assessment 2.

 

 

 

• Inline comments, filename convention and overall file and folder structure.

2

 

 

Total marks:

30

 

 

Marker’s Guideline

To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.

To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.

To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.

To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.

0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.


100% Plagiarism Free & Custom Written,
Tailored to your instructions


International House, 12 Constance Street, London, United Kingdom,
E16 2DQ

UK Registered Company # 11483120


100% Pass Guarantee

STILL NOT CONVINCED?

View our samples written by our professional writers to let you comprehend how your work is going to look like. We have categorised this into 3 categories with a few different subject domains

View Our Samples

We offer a £ 2999

If your assignment is plagiarised, we will give you £ 2999 in compensation

Recent Updates

Details

  • Title: DETAILS OF OPENING HOURS CAN BE FOUND IN PRORESOURCE
  • Price: £ 109
  • Post Date: 2018-11-09T12:01:13+00:00
  • Category: Assignment
  • No Plagiarism Guarantee
  • 100% Custom Written

Customer Reviews

DETAILS OF OPENING HOURS CAN BE FOUND IN PRORESOURCE DETAILS OF OPENING HOURS CAN BE FOUND IN PRORESOURCE
Reviews: 5

A masterpiece of assignment by , written on 2020-03-12

I ordered the literature review for my research project in rush delivery. I was not expecting that they would complete my order 2 hours before my chosen time. The quality is also nice. Thank you for help.
Reviews: 5

A masterpiece of assignment by , written on 2020-03-12

Now I am happy that I made the right decision of coming to Insta Research for help. My term paper was so technical and analytical at the same time. I got really confused about what to do but got relaxed when I was given such a humble writer. He clarified my concepts with the best explanations and discussions. I almost interacted with him on daily basis within the writing process. The best feature of this site is quick delivery as I got the work before my deadline. Additionally, the term paper is written skillfully and handled quite professionally. Now I am able to take a deep sigh of relief and thank you all for such speedy help. The quality of the work made my day.