Project Process

VSA website has been redesigned to meet the client’s needs and requirements. Redesigning the VSA website has been through different stages.

Problem statement
The problem statement was created when the team introduced the redesign of VSA website project, as well as documenting key objectives and the validity of the endeavour. The existing system, the proposed system, functional requirements and non-functional requirements were also included in the document.
Information gathering
In this stage the team have been discussed with the clients their requirements and need in order to develop the VSA website to new level by change the entire design and improve the services. The team has been provided useful suggestion from the reality of experience in web design.
Planning
The website need an easier access.
To apply strict verification measures.
The users need an easy modification accounts.
The website need a database system.
In response to users feedback of the quality of the website.

Proposed design
The team have been proposed to re-build and re-design the website to incorporate several new features that has been specified by the client.
the design of the current website is outdated and bland. The team will be creating the design from scratch to achieve a nicer UI and an easier UX for visitors of the website. The basics of web design start with knowing the audience. VSA members and website visitors are there to receive formal information. Creating a layout that looks professional will reflect on this, thus, targeting the correct audience.

Implementation
The implementation stage is the spot where the website is designed. In this stage the developers take all the elements from the prototype section and  use them to create the actual website. Implementation goes through five steps: creating website wireframe, making website design, implementing design into website, styling the website and building backend of website.

•    Creating website wireframe
The team will be creating the design from scratch to achieve a nicer UI and an easier UX for visitors of the website. The basics of web design start with knowing the audience. VSA members and website visitors are there to receive formal information. Creating a layout that looks professional will reflect on this, thus, targeting the correct audience.
•    Making website design
Consistency will be key when creating a new design. All important elements of a page will be consistent throughout the entire website. Sections such as the header, navigation and footer will be located in the same position on all pages. This creates a look and feel of a professional website.
The web design process takes information from all elements of web development and combines them to produce a look-and-feel design that then is used by the implementation process to create a working web. By separating the design from the implementation process, information about the web’s structure and operation can be cast in a hypertext, language-independent form. Whereas the design process is influenced by knowledge of what is possible in the target design language, its product can be implemented in any language that can capture the features used in the design. In this way, this design process can be used with successors or alternatives to the widely used HyperText Markup Language (HTML5) and CSS3 along with some JavaScript [see glossary] for client-side user interaction.
•    Implementing design into website
In this stage the developers are designing the website to create a look and feel for VSA website. that has the “right stuff:” information at the right level of detail and an arrangement of pages that efficiently guides users to needed information. Although a user’s positive experience of a web depends on many subjective factors, you can use certain techniques to increase the probability of user satisfaction with a web.
In VSA website the developers team trying to balance visitor needs with clients requirements.
Styling the website
A web’s design is essentially its look and feel. A good design should take into account all the web elements-audience information, purpose and objective statements, domain information, and web specifications-and combine them to produce a plan for implementing the web. Web implementers then use this design and the web specifications to create a working web.

•    Building backend of website
In this stage the developers allow for a dynamic website to created, a database system must be put in place. With the use of phpMyAdmin, a database system can be integrated with the incorporation of PHP. After that the developers created the master page that retrieves all of the photos that are stored in our database. The team created a registration page alongside a login page to allow registered users to access their accounts. There will be two different levels of access. To ensure that user information such as passwords are safe from potential attackers, the team will be using a built in PHP function to perform a one way encryption hash on all passwords via the bcrypt algorithm.
To achieve all of the above functionality, HTML5, CSS3, JavaScript (using the JQuery [see glossary] library) will be used for the front-end of the website while PHP version 5.5.0+ along with PDO [see glossary] will be used to build the backend of the website and to communicate with the database. Some validation where placed to ensure that the user enters a proper information.

Project Process

VSA website has been redesigned to meet the client’s needs and requirements. Redesigning the VSA website has been through different stages.

Problem statement
The problem statement was created when the team introduced the redesign of VSA website project, as well as documenting key objectives and the validity of the endeavour. The existing system, the proposed system, functional requirements and non-functional requirements were also included in the document.
Information gathering
In this stage the team have been discussed with the clients their requirements and need in order to develop the VSA website to new level by change the entire design and improve the services. The team has been provided useful suggestion from the reality of experience in web design.
Planning
The website need an easier access.
To apply strict verification measures.
The users need an easy modification accounts.
The website need a database system.
In response to users feedback of the quality of the website.

Proposed design
The team have been proposed to re-build and re-design the website to incorporate several new features that has been specified by the client.
the design of the current website is outdated and bland. The team will be creating the design from scratch to achieve a nicer UI and an easier UX for visitors of the website. The basics of web design start with knowing the audience. VSA members and website visitors are there to receive formal information. Creating a layout that looks professional will reflect on this, thus, targeting the correct audience.

Implementation
The implementation stage is the spot where the website is designed. In this stage the developers take all the elements from the prototype section and  use them to create the actual website. Implementation goes through five steps: creating website wireframe, making website design, implementing design into website, styling the website and building backend of website.

•    Creating website wireframe
The team will be creating the design from scratch to achieve a nicer UI and an easier UX for visitors of the website. The basics of web design start with knowing the audience. VSA members and website visitors are there to receive formal information. Creating a layout that looks professional will reflect on this, thus, targeting the correct audience.
•    Making website design
Consistency will be key when creating a new design. All important elements of a page will be consistent throughout the entire website. Sections such as the header, navigation and footer will be located in the same position on all pages. This creates a look and feel of a professional website.
The web design process takes information from all elements of web development and combines them to produce a look-and-feel design that then is used by the implementation process to create a working web. By separating the design from the implementation process, information about the web’s structure and operation can be cast in a hypertext, language-independent form. Whereas the design process is influenced by knowledge of what is possible in the target design language, its product can be implemented in any language that can capture the features used in the design. In this way, this design process can be used with successors or alternatives to the widely used HyperText Markup Language (HTML5) and CSS3 along with some JavaScript [see glossary] for client-side user interaction.
•    Implementing design into website
In this stage the developers are designing the website to create a look and feel for VSA website. that has the “right stuff:” information at the right level of detail and an arrangement of pages that efficiently guides users to needed information. Although a user’s positive experience of a web depends on many subjective factors, you can use certain techniques to increase the probability of user satisfaction with a web.
In VSA website the developers team trying to balance visitor needs with clients requirements.
Styling the website
A web’s design is essentially its look and feel. A good design should take into account all the web elements-audience information, purpose and objective statements, domain information, and web specifications-and combine them to produce a plan for implementing the web. Web implementers then use this design and the web specifications to create a working web.

•    Building backend of website
In this stage the developers allow for a dynamic website to created, a database system must be put in place. With the use of phpMyAdmin, a database system can be integrated with the incorporation of PHP. After that the developers created the master page that retrieves all of the photos that are stored in our database. The team created a registration page alongside a login page to allow registered users to access their accounts. There will be two different levels of access. To ensure that user information such as passwords are safe from potential attackers, the team will be using a built in PHP function to perform a one way encryption hash on all passwords via the bcrypt algorithm.
To achieve all of the above functionality, HTML5, CSS3, JavaScript (using the JQuery [see glossary] library) will be used for the front-end of the website while PHP version 5.5.0+ along with PDO [see glossary] will be used to build the backend of the website and to communicate with the database. Some validation where placed to ensure that the user enters a proper information.