Our Logo The Concept
 
Start Page
 
Introduction
 
History
 
Nations
 
Equipment
 
Field
 
Players
 
Rules
 
Glossary
 
Guestbook
 
Sitemap
 
Concept
 
SysDoc
 
Contact
 


Back to Softworld
 
 

Concept of Cricket Website

Table of Contents

Management Summary
    Starting Position
    Idea
    Aims
    Dates
Order and Objectives
    Order
        General Conditions
        Requirements
    Objectives
    Dates
Marketing Concept
    Meta Tags
    Search Engine Entries
        Explicit Entry
        Automatic Entry
        Entry Via Internet Service
        Banner Exchange
Project Organisation
    Project Structure
        Project Managment, Team, Responsibilities
    Project Planning
        Objectives
        Analysis and Determination of Subprojects
        Time Exposure and Planning
Design and Contents of Website
    Design
        Colours
        Fonts
        Sizes
    Contents
        Start Page / Homepage
        Information Pages
        Guestbook
        Concept Page
        Document Page
        Sitemap
    Database Administration
Structure, Organisation of the Website
    Structure
User and Navigation Concept
    User Concept
    Navigation Concept
Technologies and Realisation Platform
    Platform of Destination Webserver
    Platform for Development
    Files, Databases
    Scripts and Languages
    Remarks
Organisational and Legal Aspects
    Organisational
    Legal
Possibilities for Expansion
    Additional Information Pages
    Guestbook
    Professional Usage
        Commercial
        Marketing
Introduction
Bibliography
    Books Consulted
    Websites Consulted
 

Management Summary

Starting Position

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.

Idea

I want to make a website informing about all things worth knowing about cricket.

Aims

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.

Dates

  • Delivery of concept: 5th of August 2003
  • Website ready on server: 31st of Oktober 2003

Order and Objectives

Order

Development of an appealing website in which everything worth knowing about cricket can be learnt.

General Conditions

  • 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 and Keywords.
  • The following elements should be implemented at least once:
    • Imagemap
    • Animated GIF
    • Rollover Effect
    • another embedded JavaScript
    • 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).

Requirements

  • Clarity
  • Simple and quick finding of desired information
  • The browser view should be quiet, comfortable, with a few selective effects only
  • 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

Objectives

All conditions and requirements have to be fullfilled.

Dates

  • Delivery of concept: 5th of August 2003
  • Website ready on server: 31st of Oktober 2003

Marketing Concept

Since the website in question is not a commercial product, marketing is of low importance.

Nevertheless, the builder of the website would like if his website was visited by more and more people.

Meta Tags

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", ....

Search Engine Entries

Explicit Entry

There are search engines where the webpublisher can himself enter his website after having completed the whole website:
google.ch
Free entry in Open Directory via "register URL"
lycos.de
Free entry in lycos index via "Register site"

Automatic Entry

After some time, more and more search engines will hopefully detect the website via their spiders and register it.

Entry via Internet Service

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.

Banner Exchange

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.
swisscounter.ch/bannertausch
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.
smartbanner.ch/tausch
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

Project Organisation

Projedct Structure

Project Management, Team, Responsibilities

Sher Sheikh. Translation of the original English texts is done by Ursula Sheikh.

Projektplanning

Objectives

  • Support of versions 4 and higher of Netscape Navigator and Microsoft Internet Explorer
  • 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)

Analysis and Determination of Subprojects

Note: The system documentation is being prepared and updated throughout the project realisation. At the end, it is re-checked and then finalized.

Preliminary Work

  • 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
  • Stylesheets

Creation of Pages

  • Writing of text pages (partially with special effects)
  • Sitemap page
  • Concept page

Creation of Database

  • Guestbook

Creation of Database Pages and Forms

  • Guestbook: Visitor view and form for submission of comments
  • Guestbook: Webpublisher access and maintenance

Final Work

  • Carry out thorough tests
  • Finalize system documentation and integrate it into website

Time Exposure and Planning

Time Exposure

Brainstorming 2 days
Gathering of know-how 2 days
Procurement of pictures and images 2 days
Definition of structure 2 days
Navigation concept 2 days
Total Preliminary Work 10 days
     
Logo, header 1 day
Page structure and layout 2 days
Colours, fonts, styles 2 days
Total Design and Layout 5 days
     
Page structure, index.html 5 days
Stylesheets 2 days
Creation of logo and header 2 days
Navigation bar 1 day
Total Creation of Structure 10 days
     
Topics pages, effects 16 days
Sitemap 2 days
Concept page 2 days
Total Creation of Pages 20 days
     
Guestbook 1 day
Total Creation of Database 1 day
     
Guestbook 18 days
Total Views, Maintenance, and Forms 18 days
     
Tests 8 days
Finalization of system documentation and integration into website 2 days
Total Abschlussarbeiten 10 days
     

Time Planning

Finalization of Preliminary Work 25 July 2003
Finalization of Design and Layout 1 August 2003
Finalization of Structure 15 August 2003
Finalization of Pages 12 September 2003
Finalization of Database 16 September 2003
Finalization of Views, Maintenance, and Forms 10 October 2003
Finalization of Finalization Work, Transfer to Server 24 October 2003
Onlinetests and necessary corrections until 31 October 2003

Design and Contents of Website

Design

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.

Colours

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.

Fonts

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).

Sizes

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:

Relative Sizes:

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.

Decision:

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..

Contents

Start Page / Homepage

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

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.

Envisaged Topics

  • History of cricket
  • Where is cricket popular
  • Basics / introduction
  • Necessary equipment
  • The game and its rules
  • The field
  • The players
  • Umpires

Guestbook

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).

Contact

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.

Concept Page

This page shows the contents of the present concept, in HTML format.

Document Page

Here, the visitor can see the HTML version of the system documentation, i.e. the notes to the realisation and implementation of the website.

Sitemap

The sitemap basically contains the navigation menue. The representation is different and possible submenues are shown where they belong to.

Database Administration

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 them.


Structure, Organisation of the Website

Structure

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 loaded
Table 1 In a first table, the logo is placed in the first column and the title in the second.
Table 2 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).
Table 3 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.
Table 4 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.

User and Navigation concept

User Concept

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.

Navigation concept

When the website is called via URL, index.html is being loaded

There, nothing special happens but the loading of the homepage. In case JavaScript 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.


Technologies and Realisiationplatform

Platform of Destination Webserver

  • 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

Platform for Development

  • Windows XP platform
  • Apache webserver and Omni HTTPd server
  • PHP 4
  • MS Access database
  • ODBC driver
  • FTP

Files, Databases

  • MS Access database for guestbook, access via ODBC driver
  • simple text file for visitor counter

Scripts and Languages

  • HTML
  • JavaScript
  • CSS
  • PHP4

Remarks

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.

HTML, client side JavaScript, CSS, and PHP make the website portable since PHP is supported by almost all servers.


Organisational and Legal Aspects

Organisational

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.

Legal

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.


Possibilities for Expansion

Additional Information Pages

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.

Guestbook

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 of entries.

Professional Usage

Commercial

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.

Marketing

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.


Introduction

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.


Bibliography

Books Consulted

  • 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
  • Sams JavaScript, ISBN 0-672-32297-8
  • How to Do Everything with JavaScript, ISBN 0-07-222887-3
  • JavaScript Ge-Packt, ISBN 3-8266-0859-3
  • 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

Websites Consulted