file attached
Microsoft Word - ISBS302 S1 2022 AT3.docx ISBS302 – Assessment 3 S1 Semester 2022 Assessment Description Everest Hotel Pty Ltd is a small hotel established in 2018 and has been continuously providing excellent services to its customer. Everest Hotel provides the perfect blend of quality services to its customers. By now the company has built a strong reputation as a best hotel service provider in the local area in Granville. Besides that, it also provides the quality fast food to its customer ranging from breakfast to dinner. Gary Justin is the current manager of this hotel and want to build the new attractive, customer focused (target audience), responsive website so that he can reach to his potential target audience so that he can expand his business across Australia. The website has become outdated, so Gary would like your teams to build the website to meet the company’s requirements. He wants to use this new website to be the main hub to display all the relevant information and a key ingredient in making a critical first impression, giving credibility, and helping (directly or indirectly) generate new prospects. He needs your help to apply CSS to improve the site design and a complete well-designed commercial website for his business and services essential to conveying trust in his brand and products. He has a big plan to expand his business so that he can reach many customers across Australia. Competitor websites Competitor websites worth referencing are: Granville Hotel - https://www.granvillehotel.com.au Fairmont Resort & Spa Blue Mountains- https://www.fairmontresort.com.au Ilanga Nelson Bay - https://ilanga.com.au Website Design and Development Assignment For this assignment, you will work to develop a website. Your will need to conduct some research to find the information for the topic. The goal is to present the information (website) in such a way that customers can use your website effectively. In addition, you will submit a brief individual report about this assignment. The Website: Good web design suggests that dividing material into bite-sized pieces relating to a portion of the overall topic. A Good practice of web design is expected – e.g., appropriate navigation, a good writing style for the web, well-thought-out design to make material easily read on screen, and appropriate fonts and colors. The home page should be index.html. One of the pages (references.html) should contain accurate and detailed information about the sources of information (contents and images) used in the web pages. It is expected that the references be accurate and complete and follow an appropriate format. Your website project should follow the hierarchical structure and file naming conventions given below. Your marks will be deducted if you don’t follow this structure in your project. If you have different webpage that you have identified, then you can create and implement in your project. Fig: Hierarchal Structure of webpage The Report: Write a report describing the process of creating your website, working with your client and learning the technical skills necessary to do so. Discuss the things that went well on the site, the things that you found difficult, things you would change if you could do it again and what your group did on the project and how each of the group member personally contributed to the project. Remember, unlike some of the other papers we have done in class, this is an actual essay, not a rough designs or notes. Pay attention to grammar and spelling. Make sure the name of your group and a listing of the members of your group are clearly identified on the first page of this document. Word limit: equivalent to 1200 words Requirements: • Website should have minimum 10(references page included) pages. • Each of those pages should use same or similar style, so that the pages look like they belong to the same website. Validate your Webpage: • Each HTML page and CSS should pass the W3C validation. • Validate the webpage using the W3C validator. All errors must be eliminated before assignment is submitted. • Include the validation icon on your valid page *inside* your closing body tag at the base of your page/web site. Navigation: • Each page should have a meaningful title (using the same title for all the pages is not considered meaningful). • You should have a consistent navigation, for example if you have a menu which links to different pages, the menu should appear in the same place in all pages, so that users can easily find the menu and able to navigate to different pages. Design: • Website demonstrates accepted graphic design principles (repeated elements throughout, contrast, proximity, and alignment as well as uncluttered space and subdued backgrounds). • Website uses coordination of colors which do not hamper usage; this includes text contrasting well with background • Consistent design throughout the website • You should use one external stylesheet, and optionally internal stylesheets in different pages. The stylesheet should contain only the rules which are common to more than 2 pages or all the pages. The internal stylesheet should contain rules which are used only in one page. • You should organize all the pages in a good structure. • You should layout your web pages using one of the layout techniques. You should use
to layout your pages, using for laying out is not allowed. • Your pages should be easy to read, easy to navigate. The text, border, background etc. should be contrasting, and don't use too many different colors. You should have enough text and at least 20 images in your website. You must add multi- media contents (audio, video etc.). • You should have at least a list in your website. • You should have one contact form by using the valid HTML5 form elements and suitable JavaScript validation. • Use at least 2 JavaScript Pop-up windows and 1 Alert box in your website. • Create the company logo and navigation bars by using the Font Awesome (Font Awesome is a font and icon toolkit based on CSS and LESS.). • You should only use Google fonts in your website. Your marks will be deducted in case of using other generic fonts by using the html font tags. • Add social media (Facebook, LinkedIn, Google +, Pinterest, Instagram and Twitter) links in the footer section of each webpage by using the Font-Awesome toolkit. General: • The website to be designed in wide screen format. (it’s okay if you choose fixed layout.) • The website to be developed to be a responsive website. • The target audience is all users of mobile, tablet, desktop, and laptops. • The website original code and related files should be submitted in a compressed ZIP folder Restrictions: • Use of
tags are not allowed to layout the webpage • Each page must contain: A Header, Footer, Body section and common elements (logo, menu) • Use of multiple versions of images and CSS3 styling rules to render web pages based on user platform and screen resolution. Marking Rubrics of AT2 Written Report Fail Pass Credit Distinction High Distinction Depth and credibility of research You have not demonstrated that you have conducted enough research (e.g., insufficient references to credible research or peer- reviewed academic literature), and/or you have relied on doubtful sources You have demonstrated that you have conducted enough research (e.g. based on the number of references to credible research and/or peer- reviewed academic literature), and you have relied on credible sources The depth and credibility of your research is above average (based on the number and quality of your sources) The depth and credibility of your research is very good (based on the number and quality of your sources) The depth and credibility of your research is exceptional (based on the number and quality of your sources) Understanding of the challenge in terms of theories and concepts studied in this course You have not adequately understood the challenge in terms of the theories and concepts studied (e.g., because you have used terminology incorrectly or your design/prototype is based on theoretically/conceptually incorrect assumptions, or you have misconceived the issue/problem) You have understood the challenge in terms of the theories and concepts studied (e.g., because you have correctly used terminology and your design/prototype is based on theoretically/conceptually correct assumptions) You have understood the challenge in terms of the theories and concepts studied to an above average standard You have understood the challenge in terms of the theories and concepts studied to a very good standard You have understood the challenge in terms of the theories and concepts studied to an exceptional standard Coherence of analysis justifying design/prototype The rationale for your design/prototype is illogical and/or poorly reasoned (e.g., because it relies on unfounded assumptions or misunderstands the theories and concepts applied) The rationale for your design/prototype is mostly logical and well- reasoned The rationale for your design/prototype is logical and well- reasoned to an above average standard The rationale for your design/prototype is logical and well- reasoned to a very good standard The rationale for your design/prototype is logical and well- reasoned to an exceptional standard Support for design/prototype Y our design/prototype is insufficiently supported by theory and/or evidence Y our design/prototype is supported by theory and/or evidence Y our design/prototype is supported by theory and/or evidence to an above average standard Y our design/prototype is supported by theory and/or evidence to a very good standard Y our design/prototype is supported by theory and/or evidence to