Planing A Web Site Essay, Research Paper
Drumhead Report
Introduction
The followers is a drumhead study, for faculty 334IS, Internet Applications, and assignment 1. It attempts to explicate how the site design and execution was undertaken.
As interior decorators, we have to hold an thought of who our mark audience is and we need to plan our site consequently every bit good as be cognizant of the engineering they are likely to be utilizing. Interior designers can & # 8217 ; t command what their pages look like all the clip, but the mark of a good site is that it will execute good on different platforms and browsers, interior decorators should put clip to guarantee this.
Target Audience
Having undertaken a small research into the Governments Think! run it became evident that this site, on route safety issues should take to aim drivers, and route users, as auto riders would besides happen it utile to see the stuff contained in the site, such as the rear place belt issues. It was concluded that the site would hold to be reasonably cosmopolitan in its manner and layout as the people it would be aimed at could be old, in-between aged or immature drivers, and possibly even immature kids as they are frequently the rear place riders, so it would be utile for them to see the issues involved when non have oning a rear place belt.
Style and Layout of Information
Having decided the mark audience the following measure was to make up one’s mind upon the manner, and layout of the information we wish to include in the site. As the scenario stated that the web site should be able to work as an built-in portion of the Think! run, and as this was a authorities funded undertaking it was decided that some research needed to be undertaken into precisely what present authorities sites were like. It was concluded that the site should merely transport appropriate, accurate and relevant content. The information should be constructed in a persuasive mode, so the message the site is seeking to set across can be strongly and efficaciously delivered. The Government is non seeking to be nonsubjective. The purpose of this run is to be subjective and persuasive and acquire the mark audience to hold and move on what they are stating, by following the advice and going more cognizant of route safety issues.
Navigation and Links
First I considered the issue of pilotage and the usage of links within the site. A job I had was guaranting the site had a consistence of pilotage so the viewing audiences can travel around the different countries of the site in a problem free and consistent mode. I tried making this by links on each page to all the countries of the site. This resulted in clustered, and mussy interfaces. I overcame this by utilizing the navigational bill of fare, and I enclosed this in a lasting frame so it would ever be present whilst the viewing audiences were still in my site. I besides decide that a graphical icon should be used, which can be used by the spectator to return to the home page of the site at any given clip. I besides included this in a lasting frame so once more it can ever be viewed and used. I besides tried to avoid dead terminal pages by including a nexus to another portion of the site within the pages, and the prescence of the bill of fare besides help avoid dead terminal pages.
The inclusion of links was besides an issue. I did non desire people to utilize my links and travel to other sites before they had viewed my site. For this ground I felt it would be reasonable to put all the links to farther information on a page after all my chief pages, so at least the users will be able to see my site before they arrive at the links and go forth my site.
Bandwidth and Download
Following I considered Bandwidth and download jobs when planing my site. The job I encountered was that I wanted a creatively designed web site, which was aesthetically pleasing, but I besides wanted to pay attending to download clip and guarantee that my pages would non take excessively long to download. What is the point of a great web site if no 1 really stays in it long plenty to really see its contents, because of their defeat at the download clip? Therefore I had to believe difficult about this and a via media had to be struck between creativeness and entree times. I struck this by utilizing images, which were non excessively big in size ; therefore they would download rapidly. I besides removed all otiose images from my site, and included what I call the acceptable figure of images which enhance the aesthetic entreaty of my site, whilst keeping a sensible download clip.
Another issue I was faced with, was the inclusion of the shockwave film I made for the drink-driving page. I was at first traveling to hold this burden up automatically when the drink driving nexus was clicked, but holding thought about this I thought it would take up valuable clip for people who merely wanted to see the information, and non the film. I hence decided to include this as a nexus, and the user has the option of sing it, or flinging it.
On initial debut page besides included a skip intro button so the spectator can make the site quicker if they wish.
Besides redu
cing color deepness of images helps to cut down download clip, so this was besides undertaken.
Browser Compatability
The following job I had to see was browser compatibility. Not everyone who uses the Internet uses the same browser. Web sites will be displayed otherwise depending on the browser. For illustration some older browsers do non except JavaScript. I hence had a job as my sites navigational bill of fare was coded in JavaScript. As I wanted the site to be accessible by as many people as possible I had to get the better of this. I overcame this by including links to all the pages of my site on the chief page, so people with these older browsers could besides voyage around my site to the full. Besides tested pages on the two most popular browser ( Netscape and IE ) to guarantee site functioned decently in both these browsers.
Use of HCI/User Interface Concepts
Other factors which were considered and addressed when planing the web site was the pick of coloring material for the pages. I used many user-interface design and HCI constructs I am familiar with to guarantee the colorss used were user friendly, and did non do unneeded oculus strain.
I besides paid peculiar attending to constructs such as closing, feedback, consistence, affordance, simpleness and visibleness to guarantee the pages I was planing were user friendly.
I can therefore conclude that the site designed has pleasant interfaces, which are intuitive, easy to utilize and let both novitiate, and adept users to efficaciously utilize the site. The content of the site is relevant, and the linguistic communication used is appropriate for the mark audience. The site has a good balance between aesthetic entreaty, functionality, and download clip doing it speedy and easy to utilize, doing minimum emphasis to users.
Dynamic Content
One job I did hold was integrating some dynamic content into the site through database functionality. I implemented this through a plan I have come across called GDIdb pro which links a database with web pages, and the information is easy changed and updated through this nexus. On the following page the codification generated through this plan is shown, and it shows how this plan uses and reads the database to bring forth the dynamic content. I besides know that databases can be linked through CGI books, or as ASP pages. In future undertakings it would be worthwhile researching these constructs.
Form Managing
I besides had a few jobs in finding the best manner to hold the information inputted by users in the application signifier become available to me. It was decided to utilize a company which acts as a signifier waiter, who email me the contents of the signifier.
Script generated by GDIdb pro to associate database to net site
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
# *********SCRIPTWIZ GENERATED TEMPLATE SCRIPT FILE*********
#
# This book has been generated with a lower limit of HTML,
# so you will likely necessitate to travel over the book and add
# HTML to custom-make the visual aspect of the web pages
# generated when the book is run. The most likely topographic points
# where you will desire to add excess HTML are marked with
# TODO lines.
# See the GDIdb on-line aid for more information on the
# characteristics of GDIdb book linguistic communication, which supports many
# maps non included in this basic ScriptWiz book.
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
& A ; datasource ( & # 8221 ; Driver= { Microsoft Access Driver ( *.mdb ) } ; DBQ=C: My Documentsaddressdb.mdb & # 8221 ; )
& A ; defvar ( ? var1? )
& A ; print ( & # 8221 ; Generating HTML & # 8230 ; & # 8221 ; )
& A ; hypertext markup language ( & # 8221 ; first.html & # 8221 ; )
{
# TODO- Add any HTML that you wish to look above
# the links to the second-level HTML pages here.
& A ; getdata ( & # 8221 ; SELECT * FROM Table1 & # 8243 ; )
{
? Area?
# Subroutine & A ; datapage generates the information page HTML
& A ; datapage
}
# TODO- Add any HTML that you wish to look below
# the links to the second-level HTML pages here.
}
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
# The undermentioned subprogram is used to bring forth the DATA HTML
# pages ( The pages linked to the top-level page )
& A ; defsub ( & # 8221 ; datapage & # 8221 ; )
{
& A ; hypertext markup language ( & # 8221 ; content? rownumber? .html & # 8221 ; )
{
# TODO- Add any HTML that you wish to look above
# the datasource informations here.
? Name?
? Administration?
? Telephone # ?
# TODO- Add any HTML that you wish to look below
# the datasource informations here.
# The undermentioned codification adds Forward/Backward links to page.
& A ; if ( ? rownumber? & gt ; 1 )
{
& A ; assign ( ? var1? , ? rownumber? -1 )
}
& A ; if ( ? rownumber?
331
