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

DESIGN AND DEVELOP A WEBSITE

  100% Pass and No Plagiarism Guaranteed

DESIGN AND DEVELOP A WEBSITE

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 1, and

(2)Practical Assessment 1.

 

 
 

PLAGIARISM


3

Assessment details for: Portfolio 1 (10 marks).

What You Need to Do

At the end of each week, you will complete a different section of the given project as specified in Background section above. Each of the weekly Individual Case Project, found at the end of each chapter, will contribute progressively toward the completion of the given website project. Each weekly Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these weekly Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 1). Portfolio 1 should be submitted along with Practical Assessment 1.

Weekly Individual Case Project

Marks

 

 

Portfolio 1.1 (Chapter 1)

1.5

Write up the following project proposal:

 

• Site title—Specify the working title for the site.

 

• Developer—Identify yourself.

 

• Rationale or focus—Explain the content and goals of the site.

 

Planning the Site:

 

• Main elements outline—Describe the main features of the site.

 

• Content—Estimate the number of individual web pages.

 

• Target audience—Describe the typical audience for the site.

 

• Design considerations—List the design goals for the site.

 

• Limiting factors—Identify the technical or audience factors that could limit

 

the design goals of the site.

 

*At this stage, your proposal and planning is primarily a draft. You will have a

 

chance to modify the proposal and supplement the design details at different

 

phases of the project.

 

Portfolio 1.2 (Chapter 2)

1.5

Visualize the page design for your site by sketching a number of page layouts

 

for different information levels of the site. For example, sketch the main

 

page, a secondary page, and a content page. You do not have to be concerned

 

with the exact look of the elements, but be prepared to indicate the main

 

components of the pages, such as headings, navigation cues, link sets, text

 

areas, and so on.

 

Start to organize your site. Create a visual diagram that indicates the main

 

page, section pages, content pages, and so on. Indicate the links between the

 

pages. Indicate whether you will provide alternate navigation choices such as

 

a table of contents and site map.

 

* Your figures and sketches can be hand drawn on paper or created using a

 

drawing application. To submit hand drawn sketches, please scan or use a

 

digital camera to capture the originals.

 

 

 

Portfolio 1.3 (Chapter 3)

1.5

Write a site specification for the website project. Include as much

 

information as possible from the project proposal you completed at the end

 

of Portfolio 1.1. Make sure to include a mission statement. Determine how

 

you will measure the site’s success in meeting its goals. Include a description

 

4

 

of the intended audience. Describe how you will assess user satisfaction with

 

the site. Include technological issues that may influence the site’s

 

development or function.

 

Prepare a detailed flowchart for your site using the preliminary flowchart you

 

created at the end of Portfolio 1.2. Create a filename for each page, using a

 

consistent naming standard. Indicate all links between pages. Write a short

 

summary that describes the flowchart. Describe why you chose the particular

 

structure, how it suits your content, and how it benefits the user. Use the

 

page layouts you sketched in Portfolio 1.2 to create the wireframes.

 

 

 

Portfolio 1.4 (Chapter 4)

1.5

Revisit your project proposal and the site specifications you created in

 

Portfolio 1.1. How will you implement Cascading Style Sheets (CSS3) into your

 

project web site? In the next few weeks, you will learn how to control

 

typography, white space, borders, colours, and backgrounds with CSS3. Think

 

about each of these style characteristics and how you will apply them to your

 

page designs. In addition, make a list of possible class names you might use to

 

identify your content.

 

For example, consider using class names for the following page

 

characteristics, as well as creating some of your own:

 

• Body copy

 

• Header (possibly different levels)

 

• Footer

 

 

 

Portfolio 1.5 (Chapter 5)

1.5

Design the type hierarchy for your web site. Create a type specification

 

HTML5 page that shows examples of the different typefaces and sizes and

 

how they will be used. This can be a mock-up page that uses generic content

 

but demonstrates the overall typographic scheme. Consider the following

 

questions:

 

• What will be the typefaces and styles for the body type and headings?

 

• How many levels of headings are necessary?

 

• What are the different weights and sizes of the headings?

 

• How will text be emphasized?

 

• Will hypertext links be standard or custom colours?

 

• How will you ensure the legibility and readability of your text?

 

• What will your line length be?

 

 

 

Portfolio 1.6 (Chapter 6)

1.5

Create the box model conventions for your web site. Build on the typographic

 

classes you created in Portfolio 1.5. Think about the different spacing

 

requirements for your content, and decide how the legibility can be enhanced

 

using the box properties. Add this information to the type specification HTML

 

page that shows examples of the different typefaces and sizes and how they

 

will be used. Decide on margins, padding, and borders, and select the

 

elements that will benefit from their use. Create before-and after sample

 

HTML5 pages that reflect the enhanced design.

 

Design your website to fit a desktop computer display for an approximate

 

screen resolution between 1024x768 to 1280x1024.

 

5

 

Complete Portfolio 1

1.0

Consolidate and compile all your previous efforts from Portfolio 1.1 to 1.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

 

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 with 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


6

Assessment details for: Practical Assessment 1 (20 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. Design your website to be rendered by a web browser to fit a desktop computer display between 1024x768 to 1280x1024 pixels. 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.

The prototype stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 1. It is understandable that by the end of Portfolio 1, there are specific techniques or skills that remain to be presented and taught to you. For all purpose and intention of Practical Assessment 1, your knowledge up to this point will be sufficient for you to complete a prototype stand-alone website for a desktop computer. You will be marked according to your knowledge demonstrated at this point. You will not be penalised for not demonstrating techniques that have not been presented or taught to you by the end of Portfolio 1 activities.

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. 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_1.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 start-up file. The web browser you specified should render your mark-up 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

 

 

• The prototype sufficiently demonstrates the main features of the initial design

5

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 1. Conversely, the details presented in Portfolio 1 should be

 

supportive of the prototype implementation as demonstrated in Practical

 

Assessment 1.

 

 

 

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

2

 

 

Total marks:

20

 

 

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 demonstrates 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 demonstrates 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 demonstrates 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: DESIGN AND DEVELOP A WEBSITE
  • Price: £ 109
  • Post Date: 2018-11-09T11:55:10+00:00
  • Category: Assignment
  • No Plagiarism Guarantee
  • 100% Custom Written

Customer Reviews

DESIGN AND DEVELOP A WEBSITE DESIGN AND DEVELOP A WEBSITE
Reviews: 5

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

My writer did a small error in my work but it was fixed by him shortly. The work is admirable and I have submitted it. Now hoping for the best results. I would inform you soon.
Reviews: 5

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

I received my order last night and now I’m writing my reviews. My assignment has all the points I needed along with a good style. The citations used are relatable and professional. The best thing is the discount I got because I recommended my friend too to use their service. I am so pleased to use this effective service. The features are also amazing, everything is good. Will come again soon!