Assignment 3 : Develop an electronic Web portfolio, using a plain text editor (Notepad++)
Unit Objectives : 1 - 5
Weight : 30% of overall unit assessment
Expected Time to Complete : 20 Hours

1. Task Description

Develop an electronic work portfolio for yourself, which demonstrates your skills in as many relevant areas (of your degree) as possible. The portfolio should contain: Homepage that introduces you to possible employers. Resume – listing personal details, education, experience (work), qualifications, hobbies, other relevant information (these could be shown on separate pages if desired) Examples of your work/skills in four (4) different areas. Some examples:
o Design examples
o Graphics production and preparation
o Written and spoken communication skills
o The ability to work as part of a team and independently
o Project management
o Skills required by employers in your field of study. Each skill area should include examples of your work which may be in the form of text, graphics, links to working projects or screen shots of projects.

Deliverables:

Functioning web site (digital). Uploaded to your website on infotech (our Linux server).
o IBS & GXUST students check with your local tutor about this requirement (as different requirement may have to be meet). The University marker must have access to the source code, so you will also be required to provide a zip file containing the entire website (and design documentation as a single word document). For all Internal / Online / Sydney / Melbourne / Perth students this will be via MySCU (see the Submit Assignments folder) site.

2. Length

There should be at least six (6) pages in the website. There should be - at minimum - a Home page (index.html), a Resume page, and at least 4 pages with examples of your skills. One of these skills pages must detail your Web Development skills page.

In addition to the six (6) pages already mentioned, topics 9, 10, 11 and 12 contain continuous assessments that will add an additional two pages to your site. These additional pages should be linked to the Web Development skills page only – as they are related to these skills. For your convenience I have included all of the continuous assessments as an appendix of this document.

Remember that prospective employers have to read your portfolio, so keep it informative and intuitive. Typically students lose marks as a result of a content poor site (including lack of information, bad spelling and grammar) – don’t make this mistake!

3. Marking criteria

The following marking criteria should assist you in completing your assignment.
5% Interface design, navigation and organisation Preliminary design (1%) Interface design (1%) Navigation design (1%) Storyboards - content (1%) Organisation of Information - Concept (1%)
5% Communications effectiveness - development Graphics communications effectiveness (2%) Logical communications effectiveness (1.5%) Written communications effectiveness (1.5%)
20% Technical functionality in terms of web development Initial impact (style) (1%) Correct spelling and grammar (2%) Everything works without error - Server (3%) Maximum usage of material undertaken in this unit (3%) Usage of CSS (3%) HTML Form & JavaScript (3%) Code reusability and readability (1%) Validation (3%) File sizes and naming (1%),
Please make sure that you address each of these criteria in your assignment. Have a look at the marking spreadsheet provided in the Assignments folder of the MySCU site for additional information.

4. Submission Format – also see point 10.

On the completion of the Website, as well as handing it in as per instructions, you must upload your site onto Infotech (our Linux server). This is similar to the process that you would undertake when placing your website with an ISP. Place all design documentation in one Word file (this does not need to be uploaded to Infotech). IBS & GXUST students should check with your local tutor about this criteria.
Ensure that all .html files and the .doc file are zipped into a single file and submitted to MySCU assignment area, following naming conventions for the zip file given in point 11. IBS & GXUST students will submit this to their local tutor.

5. Advice

You should start thinking about the content and design of your portfolio website as soon as you read this. That Is Right NOW! You need to have a clear design in your mind. You should also collect/develop all content that you want included in your website. You should be coding the site starting in week eight.
Pay close attention the feedback from your tutor about your design – marked as part of assignment 2. This is a check placed into the 2nd assignment to verify you are on track with your major assignment.

Design Issues :

Your design should fit a screen resolution 1024 x 768 (allow for toolbars and scrollbars). You will need to research the actual working space available for your content. Think about your design carefully. The site will need to be consistent throughout. Navigation is one of the most important issues. Carefully plan your navigation on paper first. Think about using a template for your main navigation to keep it consistent and understandable. Decide on an overall theme. Include in your design the colours for text, backgrounds, etc. Keep fonts consistent. Will there be different colour schemes used on unrelated pages? Include all of this information in your design document. If there are a number of images on a page, decide on the dimensions during the design phase. It is best to make them a consistent size. Take care with your button size designs and banners / headings so that they do not "take over" the page.

Development Issues :

Try to avoid scroll bars where possible. Definitely do not require scroll bars to view all of your navigation menu (check at 1024 width in a browser). Do not let the menu width take over the page and reduce the available space for the information. You should view lots of websites on the Internet to get ideas. The website must be written in HTML5 using only a text editor (NotePad++ recommended). The assignment must pass validation for HTML5 and CSS. Check the DOCTYPE statements to ensure correct validation. The website must have Meta tags (home page) and a relevant page title on each page (search-engine ready). Ensure that every graphic file has been reduced to the correct size in a photo editing program, not just reduced in size in the code. Excessive file sizes will lose marks (see unit notes for file size limits) unless your users are given a choice to open the file (i.e. by using a link on a thumbnail).

6. More information

All written works for this assessment must be word-processed. Drawings and diagrams should be word-processed into a word document. Files created in non-university standard programs cannot be accepted.
If you need more information about completing this assignment, then you should contact your lecturer or your tutor by email. You should also check the discussion board for help from other students.

7. Original work

Your assignment must be your original work. Assignments form a major part of course work. Exchange of ideas can be considered educationally valuable; however, excessive collaboration will be regarded as plagiarism, which is a University offence. For example, the copying of significant parts of a document, even if subsequently modified, is plagiarism. Such academic dishonesty will be penalised in accordance with the University's rules and regulations.
You must not copy material from books, magazines, internet sources or other students’ assignments. Of course, you may include direct quotes from any source, but these must be small (e.g. one sentence or one paragraph) and must be properly referenced, using Harvard Referencing Style. Attribute images to the original source (used ethically) – better to use your own.
The assessment process may require some students to attend an interview in order to explain aspects of their assignment (if a question of plagiarism is raised).
Plagiarism is strictly prohibited. If plagiarism is found, students may receive zero marks on this assessment item.

8. Identification

There is no need to hand in a hardcopy of this assignment. Ensuring that your name is in the filename of the handed-in file will be sufficient identification (see point 11.)

9. Retain duplicate copy

Before submitting the assignment, you are advised to retain electronic copies of original work. In the event of any uncertainty regarding the submission of assessment items, you may be requested to reproduce a final copy.

10. Assignment submission

Design Documentation + Website

To Continue Click Here > ISY10209 Web Development I Assignment-3.pdf