Saturday, 9 June 2012

Review the project management process and identify successful and unsuccessful choices made and decisions taken


Looking over the project which I (Mohammed), Sam and Rami undertook did not pan out as how we interpreted it. Looking over our project plans I believe that tasks that we had carried out for the project partially some tasks that were carried out ran over the time span allocated that we set on the project plan. Even though sticking to the dates on all tasks set, I wasn’t able to stick to some of the tasks time span stated on the project plan. This meant that some tasks had to be rushed in order to keep on track or when running over, keeping the overtime to a minimum as possible. The reason why some task took more time to complete was due to the fact that there was a large quantity of work such as the website not being at its best. The main problem that had occurred in the project was that Rami webpages that he create didn’t meet the standard of a website specifically he used lorem ipsum which meant that there was no information on his pages about our site which lead to the user not have a clear message being conveyed to them. Because of this the group had to wait a week because of half term to do presentation to the client which caused a lot of overtime for this task of presentation to client. Due of the fact of time management the webpages created were kept very basic so we could keep to the timing set on the project plan which is one of task that we met. Regarding the successful that went well with the project management part of the project was that the group was able to complete the project on time according to the project plan even though with some tasks we did not completed on time and over ran a bit. Other successful things the well was that we got feedback from our client and peers, because of this it enabled us to be able to get idea of how to improve our webpages. Another successful thing that went well in the project was that the group I (Mohammed, Sam and Rami) all worked as a, there were lots of tasks to be done at specific times and we got them complete such as the interim reviews and designs.

Thursday, 7 June 2012

Tools Used


Introduction
There were many tools and techniques available for use that could be used to create a fully functioning website. I however used two main tools in the creation of our website; these consisted of Komodo Edit 7.0 and Paint.Net mainly. By using these tools I was able to create my webpages and make it work and interact with each other.

Komodo Edit
Komodo Edit is a webpage code editor tool what allows for html (in my webpage’s html 5 was used) coding to be written to create a website page or even a website, in addition CSS coding and meta tagging can be written in this tool as well which will help describe and implement the presentation of the web pages or website. As komodo edit allowed me to create my webpages there were series of techniques that enabled me to this, in particular using the tagging text files i.e. HTML, CSS and meta tagging. By using tagged text files in komodo edit I was able to put various elements in to my webpages theses consisted of forms, images, text, paragraphs and lists. In addition I was able to create the layout of my webpages via using special tagging text called “div classes” and div id” which was used in my webpages which could also be used with the layout and declare the various elements properties on the webpages such as images.

Using these div tags I was able to create a header, navigation bar, content container and footer, also can be used if want to edit properties of various elements such as images to a specific size. In doing this I was able to work one parts of the webpage at a time which made it easier to get through the implementation of the website which was made possible by komodo edit as its one big sheet and can start wherever I wanted to do. Also as this special technique is used, it was also used to edit the properties of the element via CSS for instance in my index webpage I have an image and I used the special technique of a div tag to give the image a class which made a its own unique element and with CSS I was able to edit the width, the height and padding of it to make it smaller. Once finishing all these different areas using this technique I could use komodo edit to put it all together on one page to make it work together. In doing this, komodo edit provided me a logical technique in making my webpages in the sense of one after the other and building up to a complete set of webpage’s.

HTML (Hypertext Mark-Up Language) was used in the komodo edit tool as a technique to create what will be on the actual webpage’s. The types of elements that were on the HTML were text, images, forms, lists and tables. For these elements to work on a HTML they must have special text with it to be classed as elements my the html, for example to class a bunch of text I start of with the special text of ‘<p>’ and end it with ‘</p> by doing this I have told the html that the bunch of text is classes as a paragraph which can be further formatted though the CSS.

CSS (cascading style sheet) was used in the komodo edit tool as a technique to control the formatting of my webpage’s. For example I was able and used special text provided to me by komodo edit when coding the CSS to edit various elements of the webpage. For instance by using CSS coding on a header of my webpage’s I was able to make the header much larger then it was originally by using special text such as ‘font-size’ to enlarge the size of the text and also use the special text of ‘font-family’ to make the text of the hear in a particular style which was Veranda. My HTML was linked to my CSS via a meta tag which ensured my webpage would be formatted by the CSS so when preview I could see what my website will look like with my CSS I created formatting it. My CSS code was written in a separate file, this was due to it making formatting much easier as all of it is done in one location making it simpler to portray a house style though out my webpage’s I have created. When making the site in komodo edit I sometimes needed to alter it for instance a change in the sizing of an image or positioning of it, a change would need to b made in the CSS rather than several changes to the HTML which would be hard to locate. 

Paint.Net
Paint.Net is an image creator and editor tool which allowed me to create various image from scratch for my web pages and edit certain images to incorporate into my webpages. In my webpages images were created to make specific buttons for certain areas of each of the webpages I was creating. For instance in the Paint.Net tool I made buttons for the product page specifically I made a ‘Add to Basket’ button for the page, in another page such as the shopping cart page one button I created was a ‘Delete’ button which was used to allow users to get rid of a product if they didn’t want it. Also I had an image of a backscratcher which I got off the internet and I imported it into Paint.Net and edit it to my preferences.  Being able to use this software tool I was able to create images and edit images successfully, also this software tools provided me special techniques that I could use and follow to make and edit images successful and to my liking for the webpage’s.