whatsapp

Connect on Whatsapp : +97143393999, Uninterrupted Access, 24x7 Availability, 100% Confidential. Connect Now

Securing Higher Grades Costing Your Pocket? Book Your Assignment at The Lowest Price Now!
loader
Add File

Error goes here

Files Missing!

Please upload all relevant files for quick & complete assistance.

Guaranteed Higher Grade!

Stuck on Your Question?

Get 24x7 live help from our Top Tutors. All subjects covered.

loader
250 words

Error goes here

Files Missing!

Please upload all relevant files for quick & complete assistance.

Students Who Viewed This Also Studied

5 Pages
TU170 Computing Essentials

Assignment During your study in the course you have learnt about Big Data as an all-inclusive term that refer to extremely large, very fast, highly diverse and complex data. You have also learned tha ...

Course

TU170

Type

Assignment

Subject

It Write Up

University

Arab Open University

37 Pages
CSI7ISM Information Systems Management

Task It looks like wearable computing is taking off. Smartwatches, smart glasses, smart ID badges, and activity trackers promise to change how we go about each day and the way we do our jobs. Accordi ...

Course

CSI7ISM

Type

Assignment

Subject

It Write Up

University

London South bank University

Season

Spring

9 Pages
IT4803 Systems Assurance Security

Task: Course assignments require you to address security assurance issues. Use the information in scenario below to complete your course security policy planning assignments. The scenario is relative ...

Course

IT4803

Type

Home Work

Subject

It Write Up

University

Capella University

26 Pages
ITS65504 Computer & Networks Security

Conduct an in-depth research regarding the role of HIPAA in Computer and Network Security in order to describe the following factors with your critical analysis,examples,andjustification.1.Importance ...

Course

ITS65504

Type

Home Work

Subject

It Write Up

University

Open University Malaysia

COIT 20268 Responsive Web Design

Question

Answered

Question:

Specification

Design and develop a website. The idea is to provide information to tourists visiting the exhibition. The goal is to allow visitors to obtain an overview of the exhibition 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. Four folders named Domestic Robots, Educational Robots, Industry Robots and Military Robots. Each folder contains images relating to the different types of technology indicated by the name of its folder.
  2. A text file Item_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 Business_Hours.txt containing the time-table of opening hours and entrance fees to the exhibition.

General Requirements

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

  1. Each webpage of the website must display the Robot Expo logo. You can edit this image, but the font style, type and colour must remain as in the original image.
  2. Do not change the proper names of the item. 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 and business hours. The details are found in the Business_Hours.txt file.
  6. Text description for each item is not provided. You can provide your own ‘dummy’ text (i.e. lorem ipsum) 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 exhibition. 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 furtherinformation 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.

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 approximately 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 forcohesiveness, accessibility, design and development effort. Responsiveness of  each of thewebpages will be tested using Google Chrome’s developers device simulator. The breakpointfor the simulated mobile device will be set to approximately 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 approximately 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 yourknowledge of HTML5 and CSS3 independently and without the assistance of automateddevelopment 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 fromwithin a web browser. No web server is required for Practical Assessment 1 and 2.

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 yourscripts 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.htmlor index.html startup file. The web browser you specified should render your markup and scripts without problems.

Assessment Criteria

The following criteria will be used to assess your assignment:

Criteria Marks

  • Overall functionality. Web pages function as intended.
  • Website demonstrates all aspects of a responsive web implementation.
  • The completed website sufficiently demonstrates the main features of the initial design and its intended purpose.
  • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency in HTML5 and CSS3.
  • Website and associated webpage design corresponds closely to the work reported in Portfolio Conversely, the details presented in Portfolio 2 should be supportive of the prototype implementation as demonstrated in Practical Assessment

Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.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 <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.

COIT 20268 Responsive Web Design

Answer in Detail

Solved by qualified expert

Get Access to This Answer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Amet dictum sit amet justo donec enim diam vulputate ut. Neque convallis a cras semper auctor neque vitae. Elit at imperdiet dui accumsan. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Et ultrices neque ornare aenean euismod. Suscipit tellus mauris a diam maecenas sed enim. Potenti nullam ac tortor vitae purus faucibus ornare. Morbi tristique senectus et netus et malesuada. Morbi tristique senectus et netus et malesuada. Tellus pellentesque eu tincidunt tortor aliquam. Sit amet purus gravida quis blandit. Nec feugiat in fermentum posuere urna. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Ultricies tristique nulla aliquet enim tortor at auctor urna. Orci sagittis eu volutpat odio facilisis mauris sit amet.

Tellus molestie nunc non blandit massa enim nec dui. Tellus molestie nunc non blandit massa enim nec dui. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Pharetra et ultrices neque ornare aenean euismod. Pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi quis commodo odio aenean sed. At consectetur lorem donec massa sapien faucibus et. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Duis at tellus at urna condimentum mattis pellentesque. Vivamus at augue eget arcu dictum varius duis at. Justo donec enim diam vulputate ut. Blandit libero volutpat sed cras ornare arcu. Ac felis donec et odio pellentesque diam volutpat commodo. Convallis a cras semper auctor neque. Tempus iaculis urna id volutpat lacus. Tortor consequat id porta nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Amet dictum sit amet justo donec enim diam vulputate ut. Neque convallis a cras semper auctor neque vitae. Elit at imperdiet dui accumsan. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Et ultrices neque ornare aenean euismod. Suscipit tellus mauris a diam maecenas sed enim. Potenti nullam ac tortor vitae purus faucibus ornare. Morbi tristique senectus et netus et malesuada. Morbi tristique senectus et netus et malesuada. Tellus pellentesque eu tincidunt tortor aliquam. Sit amet purus gravida quis blandit. Nec feugiat in fermentum posuere urna. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Ultricies tristique nulla aliquet enim tortor at auctor urna. Orci sagittis eu volutpat odio facilisis mauris sit amet.

Tellus molestie nunc non blandit massa enim nec dui. Tellus molestie nunc non blandit massa enim nec dui. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Pharetra et ultrices neque ornare aenean euismod. Pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi quis commodo odio aenean sed. At consectetur lorem donec massa sapien faucibus et. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Duis at tellus at urna condimentum mattis pellentesque. Vivamus at augue eget arcu dictum varius duis at. Justo donec enim diam vulputate ut. Blandit libero volutpat sed cras ornare arcu. Ac felis donec et odio pellentesque diam volutpat commodo. Convallis a cras semper auctor neque. Tempus iaculis urna id volutpat lacus. Tortor consequat id porta nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Amet dictum sit amet justo donec enim diam vulputate ut. Neque convallis a cras semper auctor neque vitae. Elit at imperdiet dui accumsan. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Et ultrices neque ornare aenean euismod. Suscipit tellus mauris a diam maecenas sed enim. Potenti nullam ac tortor vitae purus faucibus ornare. Morbi tristique senectus et netus et malesuada. Morbi tristique senectus et netus et malesuada. Tellus pellentesque eu tincidunt tortor aliquam. Sit amet purus gravida quis blandit. Nec feugiat in fermentum posuere urna. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Ultricies tristique nulla aliquet enim tortor at auctor urna. Orci sagittis eu volutpat odio facilisis mauris sit amet.

Tellus molestie nunc non blandit massa enim nec dui. Tellus molestie nunc non blandit massa enim nec dui. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Pharetra et ultrices neque ornare aenean euismod. Pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi quis commodo odio aenean sed. At consectetur lorem donec massa sapien faucibus et. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Duis at tellus at urna condimentum mattis pellentesque. Vivamus at augue eget arcu dictum varius duis at. Justo donec enim diam vulputate ut. Blandit libero volutpat sed cras ornare arcu. Ac felis donec et odio pellentesque diam volutpat commodo. Convallis a cras semper auctor neque. Tempus iaculis urna id volutpat lacus. Tortor consequat id porta nibh.

36 More Pages to Come in This Document. Get access to the complete answer.

MyAssignmenthelp.com boasts a pool of assignment writing experts who come from different backgrounds and fields and study. They work round the clock to provide online assignment help in more than 100 subjects of all levels. Our writing services range from corporate assignment help, database assignment help, operating system assignment help, MATLAB assignment help to web development assignment help and much more.

More COIT20268 COIT 20268 Responsive Web Design: Questions & Answers

Q
icon

We aren't endorsed by this University

TU170 Computing Essentials

Assignment During your study in the course you have learnt about Big Data as an all-inclusive term that refer to extremely large, very fast, highly diverse and complex data. You have also learned that it include all kinds of data.  In this regard, you are asked to do some research on Big Data ...

View Answer
Q
icon

We aren't endorsed by this University

CSI7ISM Information Systems Management

Task It looks like wearable computing is taking off. Smartwatches, smart glasses, smart ID badges, and activity trackers promise to change how we go about each day and the way we do our jobs. According to an April 2015 report surveying 2,400 US CIOs by IT staffing firm Robert Half Technology 81 per ...

View Answer
Q
icon

We aren't endorsed by this University

IT4803 Systems Assurance Security

Task: Course assignments require you to address security assurance issues. Use the information in scenario below to complete your course security policy planning assignments. The scenario is relatively simple, so make sure to state any assumptions that you make to fill in gaps when necessary for su ...

View Answer
Q
icon

We aren't endorsed by this University

ITS65504 Computer & Networks Security

Conduct an in-depth research regarding the role of HIPAA in Computer and Network Security in order to describe the following factors with your critical analysis,examples,andjustification.1.Importance of securing the healthcare records. 2.Significance of HIPAA.3.Guidelines of HIPAA in preserving pati ...

View Answer

Content Removal Request

If you are the original writer of this content and no longer wish to have your work published on Myassignmenthelp.com then please raise the content removal request.

Choose Our Best Expert to Help You

icon

5% Cashback

On APP - grab it while it lasts!

Download app now (or) Scan the QR code

*Offer eligible for first 3 orders ordered through app!

screener
ribbon
callback request mobile
Have any Query?