Research

We researched about Univeral Design and Universal Experience. We learned that the best experience is delivered on a website through a clear, visible and comprehendable webpage, regardless of the user's ability, disability, age or size and other characteristics. Surely, users would like to use a visually pleasing and comprehensible product. We also learned that we need consistency on our webpage. If huge differences are made between webpages, it is not easily understandable and is probably frustrating for the user. We think the most important aspect is that the user feels in charge and comfortable. i used this information to develope this website for the user to find out imformation on green recycling.

Application of this universal design principles minimizes the need for assistive technology.It creates products, systems, and environments to be as usable as possible by as many people as possible irrespective of external factors.

Back to top


Response to the Brief

Our project was envisaged for users who would like to get a brief outline of information of the globel warmimg crisite that they would like to know. Therefore, our target audience are people who like to recycle frequently and would like to know quick information like the top year in whitch recycleing hit its peek years, the easist ways to start recycleing and the cheapest ways . with for example ;

Back to top


Final artefact in operation


Click here to view the full project code

We were able to create a fully functional website that allows the user to find out how to recycle and what they can changee in thier lifes to help whit the stop of globel warming.

Client Side --The client side is what happens to the information when the user clicks the button on the website navigation bar will bbring you to diffrent ways to recycle and graphs to show imformations. The relevent data is requested from the database and displayed back to the user in a list. When the button is clicked a message displaying .

The database--

HTML code

Website page

Client side javascript code

Server side javascript code

Create country table in database

insert into info part 2

Insert information into info table in database

create new table for user part 1 create new table for user part 2 create new table for user part 3

Create a new table combining information

Back to top


Design



CSS code

Back to top


Our Development

We identified that there is a pattern to be followed with code that uses a user-inputted value, links two tables and retrieves the relevent information. We used this to our advantage and manipulated our code in order to suit our variable names and needs. This way, we addressed abstraction.

We realised even before writing the code how valuable and needful data was to our project. In order to collect the data on the relevent countries, we compiled the data onto one page which can be viewed here.

Though we did not use hardware in this project, we did learn the uses of communication between server side javascript and client side javascript. We realised that variables had to be the same so the effect communication could be done between parts of code.

We think that our design was the best way of approach for the completion of this task. We believe that this programme would be used the initially planning stages of a trip as it gives the user an approximate cost reality check.

Back to top


Reflection

We were asked to design an interactive website where we must retrieve information from a relational database and give it to the user appropriately.

Our webiste asks the users to input a country, the country and relevant data are retrieved from the database and displayed to the user.We planned and found a solution to our task before implimentation.

We worked effieciently as a team. Everybody met the task they were assigned to the best of their ability. Our final artefact turned out as we had hoped. We were all challenged by our individual tasks but helped each other out if we were struggling. Our biggest challenge was connecting the two tables in the database i.e. the server side javascript. We got help on how to use the foreign key and primary key from our teacher aswell.

Back to top


Further Development

Perhaps if we had longer to work on this project, we would like to have the facility for the user to look up the amount or the product that is recycled. In that case we could have the weight and the year it was recycled which would be more useful to the user.
We would have also liked to alter the code in order to display the material that was recycled as well as the information mentioned.

Due to our limitation in knowledge, we had to google certain tasks in order for the code to work. If possible, we would
We also used an already existing information table to display to the imformation instead of having to type up all the information in the database.

Back to top