Kris Millington

Week 1

Unit Introduction + HTML

Investigated Application Jukebox:

This is installed on to all of the university machines, to access this go to https://myapps.port.ac.uk/. There is a list of all of the software available to use by clicking the relevant launch buttons to the right of the name. Created my worklog.html file

23/09/13

Week 2

Preparing Your CV

Tips for making an effective CV:

  • The CV should be personal to you
  • Targeted to the job role that you are applying for
  • Well formatted
  • Bullet pointing information is better than writing paragraphs!

I should get help in improving my CV, there are regular CV and work placement practice sessions throughout the year including practice interviews and feedback from real employers, Purple door and the SPEC office are also able to help

Writing A CV:

The idea is to “sell myself”  to the employer so begin the CV with a profile which is targeted and relevant to the job which is factual and to the point, make sure to avoid statements that haven’t been backed up within the CV. To target a CV effectively research job roles by looking at: adverts; job descriptions and person specifications for the certain job.

At the least my CV should show evidence of:

  • Motivation
  • Numeracy skills
  • Strong communication & team working skills
  • Ability to write clear and concise reports
  • A creative approach to problem solving
  • Commercial awareness
  • Initiative
  • Flexibility

Covering letters should:

  • Addressed to a named person
  • Use a business style and be concise
  • Use the correct form of valediction
  • Aim for 3 - 4 paragraphs on one side of A4 paper
  • May explain gaps in dates, career change(Positively), etc.

“Someone who's been employed before has some level of proof that they can be trusted to turn up, to talk to customers, to interact with colleagues, and management. People who've not done any work, don't have much evidence of employability.”

30/09/13

Week 3

Separating Form and Content

DOCTYPE:

This is the HTML5 doctype: <!DOCTYPE html>

A doctype is an instruction to the web browser to tell it what version of html the webpage is written in. The doctype needs to be on the first line of the html file. If anything else is before it, even white space, certain browsers will treat the page as if it has no doctype at all.

Lists:

  • This is an unordered list
  • This is another
  1. This is an ordered list
  2. This is another

Angle Brackets:

A left angle bracket (<) would be written as &lt; A right angle bracket (>) would be written as &gt;

Href:

Written like : <a href="http://www.port.ac.uk">Visit the university website</a> The href attribute specifies the URL of the page the link goes to. If the href attribute is not present, the <a> tag is not a hyperlink.

The best way to format a document is to use CSS, the CSS tells the browser how to display the content and writing my own CSS sheet will enable me to control the browsers default presentation behaviour

CSS Structural Elements:

  • article - A container for any body of text that could stand on its own outside of the page (for example, if syndicated).
  • section - Any part of your text that would have a heading that you'd expect to see in the contents.
  • header - The page header, often includes the site name and some links.
  • footer - Often includes links, licensing and other legal bits.
  • nav - Any significant collection of navigational links that could benefit from being highlighted, or skipped in different circumstances.

In CSS, selectors are patterns used to select the element(s) you want to style.

To keep good practice it is best to use external style sheets, this helps reduce web page coding making it easier to maintain your website as all your styles are in the same spot.

07/10/13

Week 4

Using The Library

Learnt how to use the library.

Library website:http://www.port.ac.uk/library/home/

14/10/13

Week 5

Mind Maps

Mind maps are useful because our brains use images, colours and symbols. They help you to concentrate on keywords and important parts of what is being said and associate ideas in linear notes.

University mind map software:

  • Inspiration
  • MindGenius

Alternative software:

  • XMind
  • FreeMind
  • FreePlane

21/10/13

Week 6

Lecture Cancelled Due To High Wind

Lecture Cancelled Due To High Wind

28/10/13

Week 7

Different Theories of The Web. Libertarianism & empowerment or social control.

Computing is a Multidisciplinary subject as of necessity because it has ubiquitous applications in all areas, therefore any good web development takes in to context – Political, Social, Economic, Psychological and cultural aspects.

Ubiquitous applications

Social issues as important as technical ones:

“The web is more a social creation than a technical one. I designed it for a social effect — to help people work together — and not as a technical toy. The ultimate goal of the Web is to support and improve our weblike existence in the world.” Tim Berners-Lee, in Weaving The Web: The Original Design and Ultimate Destiny of the World Wide Web"

Liberty & Empowerment:

The internet is in contrast to the broadcast model, where few broadcast to many, and creates an environment in which many broadcasts to many. It liberates the flow of information. Social networks such as twitter create solid links between businesses and their customers: businesses can listen to their customers thinking in real time, this gives businesses the empowerment to improve their services through the web

eDemocracy:

  • Costs of production & publication are minimal and costs of distribution are nil.
  • Previously powerless groups now have voices in the public sphere for example: The Arab Spring view that gave the people the facilities to communicate and organise.
  • flash mob organisations
  • Digital activism
  • Rage against the machine campaign

Ever more control, surveillance and the end of privacy?

Everything that you do on-line can potentially be monitored and abused and you can never be sure that anything has been deleted.

  • Trolling - free speech on the web abused by those who hide behind anonymity to express uninhibited, extreme or abusive views.
  • Surveillance – everything is monitored! Your digital footprint = your digital identity is real and can result in real consequences.

04/11/13

Week 8

Reviewing Literature

What is a literature review?

A literature review is a text written by someone to consider the critical points of current knowledge including substantive findings, as well as theoretical and methodological contributions to a particular topic, it is a piece of writing that supports, evaluates and critiques your research topic.

Literature reviews help to develop and demonstrate skills in two areas:

Information seeking - The ability to scan the literature efficiently, using manual or computerised methods in order to identify a set of useful articles and books.

Critical Appraisal - The ability to apply principles of analysis to identify unbiased and valid work.

In a literature review you do not want to:

  • Make your piece of writing seem like an essay
  • Write up a summary of articles, texts or journals
  • Create an opinionated or argumentative essay

11/11/13

Week 9

Academic writing

Stages in academic writing:

  1. Looking at the question
  2. Analytical reading and thinking
  3. Organizing ideas
  4. Structuring writing
  5. Academic writing style

Referencing and citations:

  • Referencing - where you list the sources that you have used to complete the certain piece of work, this should be added to the end of your work.
  • Citations - written in the actual text of your work when you need to indicate the source used or from which you have quoted.

The style of referencing that we need to use is Harvard APA version 6, the universities referencing tool can be found on the library website: http://referencing.port.ac.uk/

18/11/13

Week 10

Using media

Images

Images can be included by using the following methods:

<img src="tiger_running_through_snow.jpg" />

We can also use width and height elements:

<img src="tiger_running_through_snow.jpg" width="50%" height="50%" />

For use with screen readers the alt attribute can be used:

<img src="tiger_running_through_snow.jpg" alt="A picture of a tiger running through snow." />

A picture of a tiger running through snow.

Videos

Videos are similar to images, this is how to add a video:

<video src="vid.mp4"/>

25/11/13

Week 11

Design

A design is a plan for the creation of something.

Questions to ask when designing a website are:

  • Who is going to be delighted when it works, or disappointed when it fails?
  • Who do you interview to gather information?
  • Does the client understand what is to be delivered
  • What is the purpose of the site?
  • Are there specific key goals?
  • Are there differing long and short term goals?
  • Could they introduce contradictions in the design?
  • Who is the target audience?
  • Who is the competition?

Navigation:

Suitable navigation tools that are logically organised and consistent throughout the website should be included in order to increase usability.

Visual presentation:

  • How will the pages be laid out?
  • What colours will be used?
  • Is there need for multimedia?

The website should be targeted to the audience. Create a page layout sketch in order to help with the design of the website

02/12/13

Week 12

The Power of Trans-national Corporations

Google... used by police, employers, border guards etc.

09/12/13

Week 13

Project Management issues

Project Management issues

06/01/14

Week 14

Usability 1

“the effectiveness, efficiency and satisfaction with which specified users can achieve specified goals in a particular environment”

Good usability is like an iceberg, only a little is visible and the rest is below. Don't only think about the visual design think further!

An example of good usability:

http://www.jjg.net/elements/pdf/elements.pdf - Jesse James Garrett

Examples of poor navigation: www.webpagesthatsuck.com

Ensuring good navigation:

  • Information design
  • Information architecture
  • User needs - Who are the typical users?
  • Think about how the user will access the web page
  • Think about how good the user is with using websites
  • What does the user want to get from the website
  • Think about the demographic details - Age, Gender, etc.

Websites that are hard to use:

  • Moodle
  • Mobile phone websites
  • Bank websites

13/01/14

Week 15

Usability 2

In today's practical we looked at some project management techniques, below is a visual representation of my website.

A visual picture of the layout of this website.

20/01/14

Week 16

Mobile Devices, Mobility & the Mobile Web

Mobile Devices, Mobility & the Mobile Web

27/01/14

Week 17

Accessibility

Good websites should be:

  • Useful
  • Usable
  • Desirable
  • Accessible
  • Valuable
  • Findable
  • Credible

And should be accessible:

  • From phones
  • Old PC's
  • To the disabled
  • To the colour blind
  • People with RSI
  • People with reading problems
  • To the deaf

Accessible websites are important:

  • To help people and improve the lives of the disabled
  • To capitalise on the wider audience or consumer base
  • To avoid lawsuits and bad press

Tools to test and check your website:

  • Webaim's WAVE
  • AChecker
  • Firefox web developer tool bar
  • Alt tags
  • Vischeck (Colourblindness)

Colour blind testing:

I have tested my website against different kinds of colour blindness, the tests for my website have been positive.

An image of the page being tested for colour blindness problems

Aiding accessibility

alt attributes should be used on images in order to specify alternate text in case the image can not be displayed or for other things such as use with a screen reader. Good link labelling should be used so that it is clear to people where each link will lead to, especially for the less experienced users.

03/02/14

Week 18

Techniques: Presenting & Reflecting

Tips:

  • Structure your presentation
  • Not too much info on one slide
  • Practice the presentation
  • Have a smart appearance and a confident posture
  • Finish on a strong note

10/02/14

Week 19

Very Basic PHP

PHP include:

Written as: <?php include("page_fragment.html"); ?>

17/02/14