For
the purpose of being able to test the
web programming scripts, I also considered
the installation of the Web server.
Basically the implementation of these
sub-systems
was a continuous and ongoing process
with only those systems of higher priority,
as at their present deadlines, receiving
attention.
Web
site Structure
For designing the website, one issue
is usually using the appropriate tool to use. There
are two applications that I always consider,
Microsoft FrontPage and Macromedia Dreamweaver.
Not a hard choice to make, as Macromedia Dreamweaver
is considered by many to be the one of the
best development tools for the creation of
dynamic sites.
The software allows for visual
HTML development using a WYSIWYG (pronounced "wisiwig",
What You See Is What You Get) editor, which
creates the code for you. Alternatively, a
developer can hand code, or amend the created
code in a text editor, which colour codes the
tags for ease of use.
The
very first page that was created ultimately
became the home page for the site. When
this page is being created, other considerations
are made for the appropriate structure to
apply to the interface, such as background
colour, page measurements, and even font
type and size.
Also,
while trying to figure out the structure
of the web pages, I had to consider recommendations
made by the clients to improve usability of
the site for the eventual users of the site.
Once
all these issues had been considered and
I had got a structure for the web interface
that was satisfactory to all the stakeholders
involved, the implementation of
the website began in earnest with the creation
of a template document (using the homepage
design) with editable regions, that would
be replicated over again to create the other
pages of the site.
Folder
Structure
While working on the website, all
the web pages created are saved to the web
folder of a local directory. Another
folder is created within the original folder
that will hold the images, usually called
'images'. The number of pages for a large
website are usually many and can make the
web folder appear cluttered and untidy. As
such it becomes necessary to create other
sub-folders for the different pages being
created. These sub-folders were divided into
the different headings of the site and were
created to hold the sub-category web pages
of those headings.
Creating
these sub-folder was very useful as it made
the web folder appear much tidier and
each page could be associated with the accompanying
folder title appearing in the URL.
Database
Structure
It was very important to think through
the database structure for the website. Issues
to be considered included building a database
that was adaptable for use by the client
database administrator, and one that would
be flexible to use with the different web
technologies that are considered.
As
opposed to Microsoft SQL Server and Oracle
that are licensed database software, my choice
for the database structure was the MySQL
database. This is because MySQL
is an open source database system (simply
means it is free to use and one can make
changes to the source code) and rather well
suited to web hosting.
I
created the databases using PHPmyadmin, which
is software that allows users to create and
manage MySQL databases using a user friendlier
interface. I also finally succeeded
in creating and populating the database tables
that were going to be continuously updated
by users from inputs made into the forms
in the website.
Web
site code
For this project, there were two
main web-programming languages that were
used; they are PHP and JavaScript. PHP,
a server side scripting language, was used
to write scripts that would respond to a
users input on the HTML forms in the website,
updating the consequent information to the
MySQL database, and also send automated email
responses to the user that provided such
information.
JavaScript
was used to write programs that would enable
the display of advert banners that
were created to advertise specific services
provided by the client that would be of particular
interest to visitors of the site. JavaScript
code is placed within the head of the HTML
code of the web page, while PHP code is usually
placed within the body of the HTML code of
the necessary pages.
Final
Web site
With the major implementation issues
resolved, I arrived at the point where I
was able to then implement my final website
for the project. The final website
involved having a working site that met the
aims and objectives as stated by the original
systems analysis and design.
This
also involved ensuring that the site was
up and running, could be previewed successfully
in browsers such as Internet Explorer
or Netscape Navigator from any location.