Background
The Museum of Science and Technology (SAT), is a government
sponsored museum. They have contracted you to develop a website for this
museum. You have been provided with the following initial and technical
specifications.
Memo: Website Requirements
From: Museum of Science and Technology (SAT), Senior
Management
To : WIMP Engineering R&D Consultants
Specification
Design and develop a website. The idea is to provide
information to tourists visiting the museum. The goal is to allow visitors to
obtain an overview of the museum layout and to find details of exhibits they
would like to visit.
Resources
Resources such as images and details of opening hours can be
found in ProResource.ZIP. The content of the ZIP file is:
1. Three folders named Robots, DaVinci and Vehicles. Each
folder contains images relating to the different types of technology indicated
by the name of its folder.
2. A text file Artefact_List.txt contains the names of the
artefact corresponding to each of the image from each folder. You need to use
these names as the official description of the artefact on your web site.
3. A text file Time_Fees.txt containing the time-table of
opening hours and entrance fees to the museum.
4. Logo.png – an image of the logo of the museum.
5. Navigation_Map.jpg – floor layout of the museum.
General Requirements
The managers of SAT insist that the following requirements
must be adhered to:
1. Each webpage of the website must display the SAT logo.
2. Do not change the description of the artefacts. Do not
rename the filenames of any of the images.
3. All images of each artefact 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. 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 and
entrance fees. The details are found in the Time_Fees.txt file.
6. Text description for each artifact 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 visitor to the website will be greeted by a welcome
message and the following layout of the floor plan of the museum. The visitor
clicks on any of the exhibition hall (circles). It should bring up details of
the specific hall selected with relevant artefacts. The visitor clicks on any
of the images of the artefacts to obtain further information on that image. In
addition, if the visitor selects an option to display opening hours and/or
entrance fees, 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.
What to Submit Entrance
On the specified due date, you are to submit two assessment
items:
(1) Portfolio 2, and
(2) Practical Assessment 2.
End-of-Memo
PLAGIARISM
CQUniversity regards plagiarism as a serious offence and it
can have serious consequences for you as a student.
Read more:
https://www.cqu.edu.au/student-life/services-andfacilites/referencing/what-is-plagiarism
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)
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. 1.5
Portfolio 2.2 (Chapter 8)
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? 1.5
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 img 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.
Portfolio 2.3 (Chapter 9)
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.
1.5
Portfolio 2.4 (Chapter 10)
Examine the content of TIME_FEES.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.
1.5
Portfolio 2.5(Chapter 11)
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 1.5
Portfolio 2.6 (Chapter 12)
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.
1.5
Complete Portfolio 2
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 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. 1.0
Submit this report as DOC or DOCX into your course website
Moodle online submission portal.
0 comments:
Post a Comment