Interactive Design

Monday 17^th of January: Introduction to unit(s) 59.60 and 61.

Today we were assigned the unit(s) brief and were presented with the criteria of what we need to undertake in order for me to achieve high grades. The units are;

The aim of this assignment was to allow me to obtain and develop skills within all processes of producing an interactive web site. I learnt that the three units are all married together as they are all used in natural processing a web design and production.

Learning Outcomes: On completion of this unit a learner should:

Unit 59:1. Understand common web coding protocols
2. Be able to devise a structured website
3. Be able to use web authoring tools to produce, publish and test a media-rich website to a specification.

Unit 60:
1. Understand principles of interactive media authoring
2. Be able to devise an interactive media product
3. Be able to create an interactive media product following industry practice.

Unit 61

1. Understand the principles of interactive media design

2. Understand legal and ethical constraints applicable to the interactive media industry

3. be able to apply interactive media design following industry practice.

Tuesday 18^th of January: Power Points Presentations

We participated in a number of Power Points Presentation to gain an understanding of the factors involved in web design and principles I had to contribute in order to achieve certain learning outcomes for this task. We were task the main factors of this project for example; carrying out research into web design and production. (Looking online at other websites and comparing whilst also been critical on their designs and layout of the website). I was also asked to Gain an understanding of web design principles, including: Assets, legal and ethical constraints, Industry practice, apply this new found knowledge when planning and plan a structured, interactive website using appropriate resources.

Wednesday 19^th of January: The plan:

Design a structured, interactive website (that includes web protocol and principles) using Photoshop and Dreamweaver CS5.

Log all stages throughout production to show progression.

Follow industry standard practice throughout.

Save and test the completed website accordingly.

Reflect upon the whole process.

Thursday 20^th of January:

Friday 21^st of January: Web Protocols and Principals PPP

Throughout this presentation I had to take notes and elaborate on ideas and understanding that I had in order to achieve D grades I also participate in the group discussion in order to achieve LO 1 from all units: 59, 60 and 61.

The Power point presentation was on the subject of Formats of Interactive Design such as the different formats such as;

Websites,CD-ROM.,DVD,Information Kiosks ,Photo booths, online check-in,Presentations,Interactive TV,Handheld devices ,Phones, PSPs and N-DS.

After this Power Point presentation I had to write I report on;

Interactive Design

The task we were set:

Select a relevant website to analyse and investigate.

Investigate and explore the website in order to gain an understanding of the protocols and principals used throughout.

Refer to this PPP and your notes throughout.

The final result will be an illustrated, detailed report which demonstrates your understanding of web protocols and principals, with the use of subject terminology throughout.

Authoring

Unit 59: Web Authoring

We learnt about web authoring though a Power point presentation= Authoring tools allow designers to invent, plan and create a product to publish to an audience.

Authoring tools are available through software packages.

HTML: XHTML we again leant using a PowerPoint presentation on what HMTL is and why it’s used we were then set the task of;

To locate a suitable website and view the source.

Print out the source

Highlight HTML that you recognise

State what that HTML means

e.g. <br> break

We were then set a 2^nd task of:

To write a brief report based upon the purpose of the following:

February:

CSS: Learning Outcome 1 Unit 59

CSS PPP I learnt that It is a ‘style sheet language’ used to describe the presentation, the look and formatting, of a document written in a mark up language e.g. HTML, XHTML.

It’s most common application is to style web pages written in HTML and XHTML.

Task one:

Task two:

Friday 04.03.11

Task:

To refer to the HTML and CSS PPPs on Moodle, as well as the notes you took/worksheets and carry out the task 2 on HTML PPP. To write a brief report based upon the purpose of the following and include an example where appropriate.Hyperlinks.Meta-tags.Metadata.XHTML.CSS. This report must reflect an in-depth understanding in order to gain high grades. I was also asked to review the worksheets and any notes taken, as well as carry out further reading upon HTML and CSS in order to develop your understanding.

Starting the web design process;

After going through many different ideas for a website including

I decided on making my website on ‘Cupcakes’ as I though this is the most interesting for my audience and a more personal website to me.

Dreamweaver tutorials started this week my tutor showed me the basic steps that I needed to undertake in order to make my website.

Tuesday 27^th of March I created footer header and background on Adobe Photoshop CS5. I created the header to allow the audience of my website to clarify that the website they have accessed is inspired, the footer was made to allow the user to see that the websites content is copyrighted and of the terms and conditions and terms of privacy.

Tuesday 3^rd and Wednesday 4^th;

I began the process of creating the pages this was done within Adobe Photoshop CS5. My colour scheme was baby pink, baby blue, purple and yellow I wrote my colours down with the RGB numbers so I could use them again in Photoshop. All my pages were made on Photoshop them moved across to Adobe dream weaver CS5.

Consolidation sheet: Friday the 6^th

This was a test to see what I had learnt throughout the tutorials. I achieved a high grade on this as id been revising it.

Monday, 7 February 2011: Opened Gmail account and set up blog

Today I opened my Gmail account so that I could blog my progression online.

My Universal resource locator is http://laurawrmedia.blogspot.com/

9^th of May: DEADLINE for website.

Today is the final day to complete our websites; I have completed my website and only have minor finishing touches to finish such as testing my links and spell checking my content. Making sure my web site has no ‘SPAG’ errors.

10^th of May: today is alpha and beta testing day!

Today is alpha and beta testing day! Which will also provide an opportunity to gain criticism from the rest of the group I will also be able to see what websites the others have created and see how they have adapted their website to their specific purpose. I will also be using this last session as a chance to review my written work for this assignment and make any amendments. Ben groves ALPHA and BETA tested my website and found now errors this makes me feel confident about my website.

Friday the 13^th of May: Reflected report which is a report upon how well the project has gone for example; these are the questions we were set;

· Compare website to original intentions (storyboards and proposal) Do they follow what you intend to

Achieve?

· Is it fit for purpose?

· Is it suitable for the target audience?

· What are the technical qualities?

· What are the aesthetic qualities?

· Is the content (including font, colours and layout style) suitable? Why?

· How do you feel the production process went – including time management, project management,

The inclusion of above and beyond what is expected?

· What skills do you feel you have obtained and developed throughout the project and how will these

Help in the future?

16th_of May; FINISHED. All my work is complete, just a few final things to do like make and print my front covers ECT. I’m very proud of my work and to have finished this project.

Interactive Design

Monday, 16 May 2011

Production of my Website :)

Blog Archive

Followers