p5

P5

Vector graphics are different from bitmap graphics. The main features of vector graphic is that when the image is enlarged, it doesn't loss print quality, small file size when saved to disk, objects van be grouped together, each object has outline and or fill and most vector images are made from circles and rectangles. For example diagram images such as the program Visio.

Vector is objects that have coordinate points and use mathematics inside the software to calculate how to display the image

Bitmap graphics are different from vector graphics. The features of bitmap are:

▫          Large file size when saved on a disk.

▫          Bitmap when scanned into a computer system can create a picture using a scanner or a digital camera.

▫          Print quality can become blocky when enlarged and will reduce the picture quality.

Bitmap is good for print screens and web page illustrations.

When using a website it is essential that file size consider Minimising file sizes in websites are essential. Some file sizes are too big and may take too long to download.  Many users lose patience and navigate away.  When changing the file size the resolution always alters. It losses quality as files are compressed, but not always noticeable when viewed at smaller sizes such as a VDU screen.  For example every video on YouTube has been compressed. Resolution is the number of pixels per inch in an image. High quality images usually have a large file size, and normally have a high resolution. This has an effect on the download time.

Special techniques used to manage file sizes are frame disposal and autocrop. Optimisation of animation files is a complex process as it involves a lot of detail in the file type.

Frame disposal is to prevent unwanted visible elements in a picture or animation (artefact) appearing. This is when the previous frame is visible in the picture through the transparent areas of subsequent frames. To avoid this happening frames should be disposed and the background restored. A method such as frame disposal is very handy when working with animation.

Autocrop is a function that removes unwanted edge from an image or animation. Autocropping can make sure only the necessary area of the image is visible. This can also minimize the size of the file.

 When animating for the web the file size is not the only constraint, in this medium. Although the animation is not the focal point it is however used to enhance the content of the site.  E.g. logos and buttons.  In order for the animations to blend into the site as a whole, a house style may have to be followed. This is a design that is carried out throughout a business’s website. A house style can also be extended throughout all the publications of that organisation including logos, colour combinations and layouts.

Buttons such as animated rollovers are buttons that perform an action when an event triggers them. E.g. when a mouse hovers over the icon. The file size of the animation has to be a reasonable size. This is because if it’s to big the browser will take longer to load and users may get bored.  The designer of the animation has to make sure the animation works on every monitor size or platform. This means even if the monitor size is different the user will still be able to see it without scrolling up and down or side to side. Internet connection speed also can affect the animation for the web.  For example if the internet speed is to slow the animation will be slow and jerky. The designer must think about the speed of the internet connection this is why most of them generally use .Gif for web animation and therefore playable on most platforms.

 Gif- GIF is stands for graphics interchange format. This file stores graphical images up to 256 colours. GIF animation compresses images which can loss the quality of the image. Most GIF images are used extensively on web animation and therefore playable on most platforms.

 Sound also influences the performance of a website.

reference

http://www.underwaterphotography.com/photoshop/photoshop/help.html

komodo edit

komodo edit


 komodo edit is a program designed to create webistes. It is a fast smart and free program to make the websites. We used komodo edit to design are website.
I used komodo edit to design my website, I used HTML and CSS on komodo edit.  in komodo edit

Some of the tools that come on komodo edit are:

·         Deploy to Cloud with Komodo IDE and Stackato

·         Komodo Sync

·         Real-Time Code Collaboration

·         Code Profiling

·         Full Node.js Support

·         More Languages and Frameworks

·         Better Syntax Checking

reference
http://www.activestate.com/komodo-ide/features

P10 review

P10

I reviewed the project management process an identified successfully and unsuccessfully choices made and decisions taken

I meet all the project specification. In this project specification I spoke about my group’s responsibilities and mainly my own. I clearly state how the project meets the requirements of all the stakeholders e.g. client and target audience.

The target audience is for Business men (who travel a lot), 20-50 years old, Male, Middle class, £40,000+ annual income. It is common for this target audience to have a smart phone such as a blackberry meaning that the phone application will be handy.

When designing my homepage I made my website have a good colour scheme. The website also had to be updated all the time to the related theme depending on the month of the year and also when adding offers and discounts on our products. Flash animation was also designed to display the products.  Contact details were to be easily spotted and the main page on the front fold which I also did.

One of my responsibilities in this project was to design the suitcases and add the GPS tracking device inside. I used paint to edit the pictures and create the product. This was gone very well by all three members of the group.

We meet all actual dates according to the project plan. Reasons in which some projects fail are because they miss the planning dates. The team does not review the project in time and then fails to stay within the project time. Some other ways in which project fails are:

·        Poor communication

·        No time for project management

·        Lack of change management

·        Poorly risk defined deliverables

·        Over optimism

·        Inadequate estimate

We also had three meetings which helped a lot in discussing the project and how we was going to tackle the challenge ahead. 

Some of the issues we discussed were each member of the group was at and if needing any help should ask and we would have helped, designing the project, implementing and at the end test and present it to the clients. We did this very well even with some minor setbacks which happened because of college strikes and teachers being ill.

critical path

critical path

html

hmtl (hypertext markup language) is the most used markup language.

html displays web pages and can also have imformation that can be used to show on a web broswer

hmtl is Mark-up program, isn't a real programming language. This is because they don't have the control over the flow of the program. Such as making arrays and loops.

What mark-up language does is it gives instructions to control a computer file. 

a HTML code so that the web page can carry out the functions.
html use tags or indicated by angle brackets, < and>.  These brackets have the instructions of what will happen on the website. All tags have an open and close bracket. This enclose the content to be affected.


For example
 (This is some of my html coding from the website i made)

<!DOCTYPE html>

<html lang= "en">
    <meta charset= "utf-8">
        <link rel="stylesheet" href="style.css">
            <link rel="stylesheet" href="nav.css">
<head>
    <title>Homepage</title>
</head>


As you see all the tags have both open and close tags.

My web page had a header and body section. This was defined by its tags. The header is not seen by the person on the web page but on there so it has the information of the page. Such as with the meta charset and linking the to the other pages too.

user documentation

user documentation

project monitoring

Last week in lesson we started designing are websites. I have already finished my website and now I’m just waiting for the rest of the group to finish their 5 pages each. Designed the checkout page, offers page, frequently asked questions page, terms and conditions and the homepage like everyone will designing.

The teacher also told the class that next week he will be checking the blogs to see if we have been blogging and passing us off in the criteria. I know I have because I frequently blogged and updated my blog.

cascading the style sheet

Cascading style sheet can be used to control the format of the website. They can change many things such as font,background colour and etc. They are in a separate file so that they can be used on the main web page. so this means that if changes need to be made, the css will only need to be changed and not the html, which would be much harder to do.

the CSS rule has two main parts:

1. a selector
2. and one or more declarations

we had to learn how to add a list of CSS properties- background and text colour:

• colour
• background-colour
• bacground-image
• background-repeat
• background-attachment
• background-position
• font-family
• font-size
• font-weight
• font-height
• etc......

links can be styled in the same way as text so colour and font can be changed, but links also can be styled depnding on the state they are in, the four states are:

• a:link
• a:visiting
• a:hover
• a:active

for example

#navigation{
   
   
    float:left;
    width:900px;
    background:#333;
   
   
   
   
}

#navigation ul
{
    margin:0;
    padding:0;
    

monitoring the website

We have started making and implementing the website. With have until the 18 of May to complete it. Which we will present to the client and also give a presentation showing the client have we designed it and if we have met the user requirements.

I’m using the two column layout and also the three column layout the implement the website which I have to create five pages. And the other two member of my group will be doing the same.

presentation deadline

Presentation


This shows that me and my group meet the deadline when we had to present the presentation. We will presented to the client and teacher. The link on the title shows the cross reference to the project plan. The deadline is on the 18th which is when we will present it. and this is clearly shown on the project plan.

forms

On the 24 Tuesday of April 2012 in unit 21 we learnt how to designed forms. Forms will be needed in our website as everyone will be designing one such as checkout or some over page to enter details of the customer. We designed the forms on komodo edit; we learnt how to have a password box, checkbox, tick box and a box to enter details. 

On the 2012-04-25 we should have had a lesson on unit 4, however the teacher notified the class beforehand telling us that the lesson was cancelled.   

changes to the Implementation in the project plan

Changes to the Implementation in the project plan had to be made as we had to have a lesson on the last column layout which we didn't have due to the teacher being ill and absent. This means I will have to move the implementation starting date forward. Which also mean I will have lesson time to create my website.

project plan