Portfolio 1 Task

Details
Category: Level 1, Portfolio 1 (Basic HTML, CSS)
Published: Sunday, 26 August 2018 09:49
Hits: 1960

CET101 Fundamentals of Computing 2013-14

Portfolio One: web design and development, problem solving
and Software Engineering

All of your portfolio work in CET101 is individual work.

In this portfolio, we are assessing the skills you have developed so far in the following areas:

 

·         Understanding of standards, formats and tools used in the design of information, multimedia and web-based systems

·         Recognition of the need for adaptable approaches to problem solving

·         Appreciation of the social, ethical, professional and legal issues associated with the development and use of computer based systems

·         Ability to specify and contextualize a problem and communicate effectively an appropriate solution to a range of audiences

·         Use of software engineering techniques to design, code, test and evaluate a range of software solutions

Aim

Create a web site about a subject that relates to your degree programme, which emphasises social, ethical, professional and legal issues in that domain.

To help generate ideas, think about the work you completed in the first two weeks of the year. In particular, the work that you did relating to ethics and professionalism, Codes of Conduct, social and legal issues are of utmost importance in the content of your website and in the professional approach you take in creating and documenting the building of your website. Note down your ideas and get approval from a tutor on the subject area before starting development.

It’s recommended that you use Internet and/or library to find out more about your chosen area before starting your development of the site. Pay close attention to any issues of copyright in gathering your materials.

Your web site must be created using valid HTML and CSS. It must contain:

·         1 external Cascading Style Sheet (CSS)

·         At least three pages that you have written (not copied and pasted from the web)

·         Appropriate titles using appropriate heading elements

·         An embedded video from YouTube or Vimeo

·         Hyperlinks to other websites that contain related material (i.e. external websites)

·         Suitable graphics created or modified in Adobe Photoshop

·         Appropriate layout and format of HTML elements. E.g. headings, paragraphs, lists etc

·         References to the materials you have used to create your website e.g. book references and URLs of where you obtained graphics used in your site (you may wish to include this as an extra page in your site, so the marker can visit the image source)

Plus a short report which includes the following:

·         Title page with your name, student number, programme, the title of your website project, and  the URL of your website on nestor.sunderland.ac.uk (or else we will not be able to mark your work)

·         Table of Contents page

·         Three further sections:

o   A page describing the subject you have chosen to make a site about and which are the main social, ethical, professional and legal issues relating to it

o   The HTML and CSS source code for one page complete with an explanation (in plain English) of what each construct/part does (the page should be representative of the whole site so that it contains typical code used)

o   A references page which contains Harvard Reference details of the sources you have used in making the site (books, conference papers, white papers, journal articles, websites) and a separate list of URLs where you obtained graphics used in your site (you may also wish to include the URL list as an extra page in your site, so the marker can visit the image source)

 

Your website will be hosted on nestor.sunderland.ac.uk but you should also put a link to your Portfolio 1 on your eportfolio pages.  

 

What to Hand-in

You must submit your report (PDF only) electronically via SunSpace by 5pm on 1st November 2013.

Once submitted via SunSpace, you must not make any further changes to your web site.


Marking Scheme

In general marks will be awarded for:

 

·         Appropriate reference to research material

·         A completed web site with links that work

·         Good page design

·         Evidence of HTML/CSS constructs are clearly understood

Indicative Marking Schema (approximate allocation of marks)

  • 40% ‘What’:

o   15%: Documentation

o   25%: Computing Subject Content

  • 60% ‘How’:
    • 60%: Technical and Creative Web Skills

§  Functionality

§  Design & Structure

§  Range of HTML & CSS