Hii this is a personal website assignment
ITECH2106-6106 Webpage & Multimedia Design COURSE / UNIT CODE: ITECH 2106 TUTOR: Hisham Khdair STUDENT ID: 30339557 STUDENT NAME: Jashandeep Sekhon DUE DATE: EXTENSION DATE AUTHORISED: TITLE OF SUBMISSION: Assignment 1 PLAGIARISM Plagiarism is the presentation of the expressed thought or work of another person as though it is one's own without properly acknowledging that person. You must not allow other students to copy your work and must take care to safeguard against this happening. Plagiarism is a serious offence. As set out in University Regulation 6.1.1., students who are caught plagiarising will, for a first offence, be given a zero mark for that task. A second offence will result in a failing grade for the Course(s) involved and any subsequent offence will be referred to the Student Discipline Committee. Please read http://policy.federation.edu.au/university/student_plagiarism/ch01.php Declaration I have read the university’s plagiarism policy and understand the consequences of engaging in plagiarism and collusion. I have taken proper care to safeguard this work and made all reasonable efforts to ensure it could not be copied. No part of this assignment has been previously submitted as part of another unit/course. I acknowledge and agree that the assessor of this assignment may for the purposes of assessment, reproduce the assignment and: · provide to another member of faculty and any external marker; and/or · submit it to a text matching software; and/or I certify that I have not plagiarised the work of others or participated in unauthorised collaboration when preparing this assignment. Note: As this is an electronic submission, feel free to put your name in the signature box, you don't need to print / sign / scan this document. Signature: Jashandeep SekhonDate:03/09/18Privacy Statement The information on this form is collected for the primary purpose of assessing your assignment and ensuring the academic integrity requirements of the University are met. Other purposes of collection include recording your plagiarism and collusion declaration, attending to course and administrative matters and statistical analyses. If you choose not to complete all the questions on this form it may not be possible for University to assess your assignment. You have a right to access personal information that the University holds about you, subject to any exceptions in relevant legislation. Contents 1. Needs Analysis3 1.1. Description3 1.2. Purpose3 2. Target Audience Analysis3 2.1. Demographics3 2.2. Justification3 3. Site Content & Structure3 3.1. Content Inventory3 3.2. Featured Content3 3.3. Site Map3 3.4. Navigation Scheme3 4. Content & Page Design3 4.1. Page Design3 4.2. Wireframes3 5. Visual Design4 5.1. Composition4 5.2. Colour Scheme4 5.3. Typography4 5.4. Mock-up of Home Page4 6. Appendix4 6.1. Raw Data Collection4 6.2. References4 1. Needs Analysis 1.1. Description < my="" website="" name="" is="" ‘jashan="" sekhon’="" and="" it="" is="" a="" kind="" of="" personal="" website="" which="" tells="" about="" my="" personal="" and="" work="" life.="" this="" website="" is="" based="" on="" me="" and="" it="" has="" different="" section="" like="" about="" my="" study,="" work,="" my="" hobby(photography)="" and="" other="" some="" other="" pictures="" with="" show="" my="" feelings="" in="" different="" occasions.="" this="" website="" structure="" is="" based="" on="" mixture="" of="" other="" websites="" like="" apple,="" nike,="" etc.="" the="" general="" colours="" are="" used="" in="" it="" to="" create="" background="" and="" it="" will="" looks="" good="" as="" well="" as="" easy="" for="" users="" to="" read="" and="" easy="" for="" their="" eyes.="" the="" website="" has="" different="" pages="" and="" some="" of="" them="" have="" pictures="" which="" will="" clarify="" the="" text="" in="" good="" way.=""> 1.2. Purpose < the="" purpose="" of="" making="" this="" website="" is="" because="" a="" website="" gives="" you="" control="" over="" your="" image.="" whether="" you="" are="" applying="" for="" new="" job="" or="" starting="" a="" side="" project,="" most="" people="" will="" search="" your="" names="" online.="" it="" also="" allows="" you="" to="" stand="" out="" of="" competition="" and="" other="" important="" thing="" is="" building="" a="" reach="" now="" can="" help="" you="" later.="" we="" need="" website="" because="" it="" works="" like="" a="" resume.="" however,="" a="" personal="" website="" has="" the="" freedom="" to="" be="" much="" more="" extensive="" and="" engaging="" and="" it="" also="" allows="" photos="" and="" work="" samples.="" the="" benefit="" of="" personal="" website="" is="" dynamic="" whenever="" i="" accomplish="" something="" i="" can="" add="" it="" to="" my="" website.="" having="" my="" own="" website,="" it="" makes="" me="" more="" findable="" however,="" if="" i="" have="" my="" own="" website,="" i="" can="" be="" found="" by="" much="" wider="" audience="" and="" control="" what="" it="" is="" they="" see="" first.=""> 2. Target Audience Analysis 2.1. Demographics and Justification My website is good for all kind of ages and genders it is easy to read and easy to find everything the navigation in website. In general, my major target are adults because as I said before in needs analysis the major purpose of making this website is that we can use it as a resume because normally in the business adults are working. My website doesn’t have any kind of bright or dark backgrounds which gone create any difficulty for users and the other thing is education level for my website there is nothing technical in website easy to understand for everyone. Normally nowadays people don’t want paper resume they just go to google and search for name and open website to the achievements and study level. 3. Site Content & Structure Pages Content Type Label All Pages (Common for all) Links Global Navigation JPG image Logo. Images of me Text Footer (contains copyright information, etc) Home Page JPG image My Picture Text About myself Links In- line Text (Navigation to other pages) About JPG images (more than one) Pictures of my stuff Text My biography Gallery Gallery (images) Pictures (doing more activities). Text About those activities Photography JPG Image Pictures I clicked during holidays Text Description of holidays places Study Text My Academic background JPG Image Picture of school and previous university Contact JPG Image Picture of Myself Text Describing how to reach me and preference to medium of communication All Pages have Social Navigation FB Logo Link to my FB Twitter Logo Link to twitter Youtube Logo Link to Youtube · The page 1 is ‘Home’ and all the navigation is global which are Home, Study, Work, About, Contact, map, Gallery, Photography and the second thing is the logo it is gone be my picture and heading1 or website name is ‘Jashan Sekhon’. In the home page body there is my image with some text which describes about me and website and in this page and the rest of all pages there is scroll bar as well to go up & down. The site of all pages is simple because there is no local navigation in my website as I said before it is easy to use for all age groups users. · The page 2 is ‘Gallery’ it has all the same navigation but, in this page, and the rest of pages they have breadcrumb as well which gives us option to go back to home page easily. There is gone be nine images in Gallery page of 280*140 which I clicked at different places. · The page 3 is ‘About’ in this page the navigation and breadcrumb structure is same. There is text in the field which tells about the page and website. · The page 4 is ‘Study’ in this page the navigation and breadcrumb is same but there is add up of pictures and text as well which tells about my school and college life. The images size is 280*140 and the text size is 320*150. · The page 5 is ‘Work’ again the navigation and breadcrumb structure is same but in is one there is some text boxes and two images which will tell about my jobs and there is some text which tells what I learnt from my work how it will help me in my life to set my goal. · The page 6 is ‘contact’ in this one everything is same but there is text box with contact details like email address and contact phone number so if anyone wants to contact us they can, and they will get reply within 24 hours. · The page 7 is about hobby ‘Photography’ there are 4 photos in page and there are some description about my hobby in it. · The page 8 is mock up page of home page which shows us how the real page looks like. Home About Study Work Gallery Contact Hobbies As I said before in the upper parts there is only Global navigation and Social Navigation in my website. 4. Content & Page Design 4.1. Page Design
Arrangement indicates will how those websites attracts those clients to its primary bit about content. It identifies with those feeling from claiming order, harmony, balance, Also solace. The sum these things together make a great arrangement of the website. The white colour will be that's only the tip of the iceberg calm What's more limited while dark provides for the feeling of boldness What's more solid-willed. So, the complexity for both shades demonstrates those certainty What's more positivity. It suits looking into my website Similarly as this colour plan makes my website straightforward in any case additional engaging. These shades provide for proficient look to my website which will help me on more employer’s consideration. I will use the combination of Arial and Times New Roman in all the webpages. The headings will be different and bigger font as compare to the main text that will be written in the times new roman. The font size of the text will be 12 pixels so that it is easy to read. All the headings will be clear. Serial no. Hex 1. #FFFFFF 2. #000000 3. #666666 Mock up Page 6. Appendix Logo References W3schools.com. (2017). W3Schools Online Web Tutorials.