Concept of Cricket Website
Table of Contents
There is worldwide great interest in sports. Apart from the internationally well
known sports such as for example tennis or football, there are many sports which
are only played in certain countries and about which there is hardly any knowledge
in Switzerland. Cricket is one of them. Its popularity is basically restricted
to countries belonging to the Commonwealth, or countries which were formerly
part of the British Empire.
I want to make a website informing about all things worth knowing about cricket.
The main aim of the website is to make the basics of cricket known to people interested
in sports. In particular, I want to address people in Switzerland and in the
German speaking part of Europe. Furthermore, cricket should become generally
more well known.
- Delivery of concept: 5th of August 2003
- Website ready on server: 31st of Oktober 2003
Development of an appealing website in which everything worth knowing about cricket
can be learnt.
- The website has to support at least the following browsers and versions:
Netscape Navigator 4.7 and 6 and Internet Explorer 6.
- System or Browser errors must not occur.
- Active handling of different system platforms. Information of user in
case of possible problems.
- Download times should be acceptable also with slower modems.
- The website should offer perspectives for professional usage and expansion.
- The website should consist of 10 to 20 pages of substantial contents.
- All webpages should contain at least the META tags Author, Description
- The following elements should be implemented at least once:
- Animated GIF
- Rollover Effect
- Multimedia element (Flash, Shockwave, Applet, etc.)
- At least one webpage has to contain dHTML elements.
- Cascading style sheets have to be used.
- At least one page has to contain a form for data entry by the user. After
a plausibility check the data have to be saved in a database. The user should
get a feedback message.
- The navigation of the website should be simple and consistent (consistent
menue structure, sitemap, search functions).
- Simple and quick finding of desired information
- The browser view should be quiet, comfortable, with a few selective effects
- The whole structure should be kept simple
- Text passages should not be too long and should be broken up with graphics,
effects and pictures
- Guestbook for visitor feedback
- Contact via email
- Visitor counter
All conditions and requirements have to be fullfilled.
- Delivery of concept: 5th of August 2003
- Website ready on server: 31st of Oktober 2003
Since the website in question is not a commercial product, marketing is of low
Nevertheless, the builder of the website would like if his website was visited
by more and more people.
Meta Tags (keywords, etc.) are placed in the headers in order to allow search
engines to find the present website upon entry of search arguments such as "Kricket",
"Cricket", "Sport", ....
There are search engines where the webpublisher can himself enter his website
after having completed the whole website:
- Free entry in Open Directory via "register URL"
- Free entry in lycos index via "Register site"
After some time, more and more search engines will hopefully detect the website
via their spiders and register it.
If the above actions do not prove to be sufficient (sometimes, it takes very long
until spiders automatically detect a new website, some sites are never detected
and registered), one should consider registration via an Internet service. There
is, for example, webmasterplan.com/de
which provides for free registration
of the website in about 30 engines.
As a future step one could consider joining a banner exchange system. This means
that the present website would allow for a certain number of banner advertisements
to appear within it while, in exchange, a banner advertisement for the present
website would be launched in a certain number of other websites.
- offers a ratio of 5 to 4, i.e. for 5 other banners in the own website,
the own banner will appear in 4 other websites.
- offers the so-called click-banner-exchange, i.e. the own banner will be
launched in other websites at a certain ratio depending on the number of
other banners which were actually clicked on the own website
Sher Sheikh. Translation of the original English texts is done by Ursula Sheikh.
- Support of versions 4 and higher of Netscape Navigator and Microsoft Internet
- Reasonable loading times
- Attractive Design
- Intelligent navigation and reasonable cross references
- Guestbook for visitor comments (database)
- Contact via email
- Statistics for internal analysis, visitor counter (file)
Note: The system documentation is being prepared and updated throughout the project
realisation. At the end, it is re-checked and then finalized.
- Brainstorming, gathering of ideas
- Collection of know-how (internet, magazines, books, clubs)
- Procurement of pictures and images (internet, magazines, books, clubs)
- Determination of structure and design of website
- Development of navigation concept
Definition of Design and Layouts
- Design appealing logo
- Page layout, screen structuring
- Colours, fonts, styles
Definition of Structure
- Page structure
- Logo, header
- Index, navigation
Creation of Pages
- Writing of text pages (partially with special effects)
- Sitemap page
- Concept page
Creation of Database
Creation of Database Pages and Forms
- Guestbook: Visitor view and form for submission of comments
- Guestbook: Webpublisher access and maintenance
- Carry out thorough tests
- Finalize system documentation and integrate it into website
|Gathering of know-how
|Procurement of pictures and images
|Definition of structure
|Total Preliminary Work
|Page structure and layout
|Colours, fonts, styles
|Total Design and Layout
|Page structure, index.html
|Creation of logo and header
|Total Creation of Structure
|Topics pages, effects
|Total Creation of Pages
|Total Creation of Database
|Total Views, Maintenance, and Forms
|Finalization of system documentation and integration
|Finalization of Preliminary Work
|Finalization of Design and Layout
|Finalization of Structure
|Finalization of Pages
|Finalization of Database
|Finalization of Views, Maintenance, and Forms
|Finalization of Finalization Work, Transfer to Server
|Onlinetests and necessary corrections until
When designing the webpage, one has to take into consideration the different browsers
and platforms. Colours, fonts, etc. are used and applied in a way that they
are supported by nearly all browsers and platforms and also interpreted in similar
ways. Where interpretation is different, the overall appearance should not be
affected too much.
Background colours are kept light since different operating systems may show them
darker anyway. It is suggested to primarily use so-called web-safe colours,
i.e. colours which are generally supported by everyone. At this point in time,
it cannot be confirmed that only web-safe colours will be used throughout the
website . Sometimes it may be necessary to deviate from this principle since
the range of web-safe colours is limited to 216 which might be too constrictive.
The usage of CSS allows the definition of standard fonts for the two major platforms
PC and MacOS at the same time (e.g. Arial for PC and Helvetica for Mac).
On the one hand, it is the screen resolution that has to be considered, on the
other hand the fact that explorer windows can be changed in size and proportion
by the users. There are basically two ways to define sizes, both of them have
advantages and disadvantages:
The size of table cells adjusts to a certain extent to the browser window size.
Thus, the layout seen by the visitor can be quite different from what the designer
planned. On the other hand, the full contents remain visible within the window.
Fix Sizes in Pixels:
The size of table cells is not adjusted The layout and appearance remains more
or less the same. On the other hand, the visible width might change and horizontal
scrolling might become necessary.
Both ways have their advantages and disadvantages and it is more or less a matter
of opinion which one should be prefered. Literature mostly recommends relative
size definitions. Therefore, the present website will also be built on this
principle. It is, however, possible that some tables will (have to) be built
with fix sizes..
The homepage shows the logo with a title, a short introductory text and the navigation
bar, i.e. the index to the information pages, the guestbook, the sitemap, etc.
Furthermore, visitors are counted on the start page. The counter is not displayed
here. It does not give a good impression if a counter shows a low figure for
a prolonged time. Only the webpublisher shall be able to see it (in the administrator
view of the guestbook).
Am Ende der Seite wird der Besucher darauf hingewiesen, dass der Ersteller der Website auch Aufträge für individuelle Websites entgegennimmt.
Information pages divided into several topics or chapters which can be accessed
anytime via the navigation bar, consist of HTML texts, graphics and images.
The individual topics pages are not too long (max. three to four screens).
Subchapters are introduced where contents become too long. These subchapters
can be accessed via submenues. Submenues are available on each of the respective
pages as a horizontal navigation bar.
- History of cricket
- Where is cricket popular
- Basics / introduction
- Necessary equipment
- The game and its rules
- The field
- The players
Visitors should be able to enter praise or critics in a geustbook. The entries
are open to the public but may be edited by the webpublisher. The guestbook
is a database. A simple file would be enough but editing of entries by the webpublisher
and clearance would be more difficult. The contents of the guestbook are presented
to the visitor in simple text lines.
Guestbook entries are made via a form in which the visitor fills his name
and his comment. After submission of the form, the visitor should get a confirmation.
New entries are blocked, i..e. not yet open to the public. It is only after
clearance of such entries by the webpublisher that they can be seen by other
visitors. (The webpublisher shall have the opportunity to delete entries that
are all too negative or inadequate).
Apart from an entry into the guestbook, the visitor shall have the possibility
to give his comments or ask a question via email.
Although it is technically possible to use the same form for submission via
email, it has been decided not to do so. The proper functioning of such option
depends on the browser and its configuration. Literature, generally, advises
against using this option. Since one can assume that most browsers reference
a mail program, a hyperlink to a mailto: URL can be given. To be on the safe
side, however, the webpublisher's email address shall also be displayed.
This page shows the contents of the present concept, in HTML format.
Here, the visitor can see the HTML version of the system documentation, i.e. the
notes to the realisation and implementation of the website.
The sitemap basically contains the navigation menue. The representation is different
and possible submenues are shown where they belong to.
The webpublisher/administrator shall have a special guestbook view via which he
can roughly maintain the database. He shall be able to delete new entries or
to clear them and also to delete very old entries.
Other amendments to the database, such as insertion of new fields or change
of field properties shall not be supported in a first step. In a second phase,
one might analyse possibilities in this regard and, if appropriate, realise
The website is structured into
- a start page
- several topics pages
- a guestbook page
- a page with the sitemap
- a concept page
- a document page
The general appearance of all pages is the same and they are all structured in
the same way:
The browser window is being partitioned with the help of tables. The webpublisher
has decided not to use frames because
- there are still browsers which do not show frames correctly
- there still seem to be a problem when printing frames pages
- many search engines cannot cope with frames
- when a page is called directly (via favourites), not all frames are being
||In a first table, the logo is placed in the first
column and the title in the second.
||Another 2-column table is set up below. The left column
is meant for the navigation/index (see table 3 below) and the right column
for the respective page contents (see table 4).
||A third table consisting of one column only is inserted
into the left column of the second table. It contains the navigation bar.
Each cell contains a hyperlink to the respective page.
||A fourth table is inserted into the right column of
the second table. Depending on the topics page being displayed here ,
the table may contain one or several columns and rows and even further
tables. Pages with submenues show the submenue in the first or one of
the first table rows.
All pages which can be accessed via hyperlink or via the menues are open to the
public. That means they can actually be viewed by the visitor (except pages
that may contain elements not supported by the visitor's browser).
Pages which are meant only for the webpublisher/administrator (such as guestbook
administration) can be accessed indirectly (via a name or password only known
to the webpublisher/administrator). Normal visitors should not be aware of
the existence of such pages.
When the website is called via URL, index.html is being loaded
is not supported or is deactivated, an introductory page is being displayed
via which the visitor can reach the homepage through a hyperlink.
From the homepage, each page can be accessed via the menue bar. Since the
menue is displayed in each page, one can jump from any page to any other page.
Even pages accessed via submenues contain the full menue bar.
- Windows 2000 platform
- IIS 5 web server with FTP
- ASP ColdFusion 5
- PHP 4
- Active Perl 5.6
- Server side includes
- Frontpage 2002 server extensions
- MS Access database
- Windows XP platform
- Apache webserver and Omni HTTPd server
- PHP 4
- MS Access database
- ODBC driver
- MS Access database for guestbook, access via ODBC driver
- simple text file for visitor counter
The website can do without server side programming. It should be portable and
least dependant on a particular server. It should be possible to load it to
any server without major changes.
PHP is supported by almost all servers.
Once the website is ready and online it should not simply be forgotten.
One has to make sure that it is regularly checked for correctness and up-to-dateness.
Above all, it has to be made sure that all hyperlinks are valid and the images
not too outdated.
Furthermore, the webpublisher has to check the visitor database regularly.
He has to find the new andtries and clear or delete them. Once the database
reaches a certain size, very old entries should be deleted.
Email and questions should be answered in due time.
Based on the guestbook entries and emails one might have to consider expansions
or adjustments to the website.
The inclusion of hyperlinks to other websites is generally legal.
It is also no fraud to take images from the internet and to use them.
It is possible that guestbook entries or emails give motivation to add more information
to the website. Since the website is structured very flexibly and has a logical
structure, additional topics or pages can be added or inserted without any problem.
The guestbook can become very huge. It is then no longer user friendly to display
all the old entries on one single plage. Either one deletes guestbook entries
after a certain time or the display should be made in blocks of a few entries
only. A hyperlink to "more entries" would then display more blocks
The webpublisher may contact sports shops and try to make a deal about an online
shop to be incorporated in or linked to by the website.
The homepage contains a short marketing text about the webpublisher, advertising
that the webpublisher may take orders for website designs and realisation. Contact
can be made via email.
Then, on the guestbook page, there is another possibility to contact the
webpublisher via email.
The website is ready on the server on 31st October 2003.
When entering search arguments such as "Kricket", "Cricket",
"Sports", it is expected that the homepage is found some time after
registration of the website with Google.ch and Lycos.d.
- HTML - A Beginner's Guide, 2nd Edition, ISBN 0-07-222644-7
- HTML Ge-Packt, MITP, ISBN 3-8266-0695-7
- HTML kurz & gut, O'Reilly, ISBN 3-89721-243-9
- PHP4, das Einsteigerseminar, 3. Auflage, ISBN 3-8266-7151-1
- MySQL & PHP, Markt+Technik, ISBN 3-8272-6202-X
- PHP Ge-Packt, ISBN 3-8266-0685-X
- Webdesign, Markt+Technik, ISBN 3-8272-6278-X
- Web-Datenbanken, ISBN 3-8266-8070-7
- Homepage total, ISBN 3-8266-8121-5