You are on page 1of 55



A website for the department of mathematics, statistics and
computer science, involves many different strategies. A number
of departmental web sites within various universities are mostly in
a first generation design stage.

When establishing webpage for your website, there is the
need to consider your overall purpose, the nature of your content
and most important, and the expectations of your prospective
user. One of the major jobs of a department website is to be the
virtual public relation arm reaching out to an incoming and
potential student within the nation and across the globe. It can be
a cost effective way to publicize department resource for applying
to the department. These students represent one of the five main
circulars for a department website.

These reaches audience are potential students, current
students, staff members, faculty members and alumni, visitor and
friends. A balance must be meet between a site that is visually
compelling and one that efficiently navigate the web user to his
on her designed place within the site.


The department of mathematics, statistics and computer
science is a melting point of faculty of science, university of
Abuja, in the sense that almost all the department in the faculty
of science offer one or more course from the department of
mathematics, statistics and computer science.

In addition, the department of mathematics, statistics and
computer science is also like a sub-faculty of its own, due to the
fact that it offers a Bachelor of Science certificate in mathematic,
statistic and computer science which are more or les like sub
department on their own.

More so, it also offers post graduate programme such as
postgraduate Diploma and master in science. Therefore, the need
for a web design for easy and fast information dissemination is
needed, which also help to advertise the capability of the


This project work is aimed at the following objectives:

a) To promote easy access to relevant, activate and well
presented information throughout the country and the world
in general.

b) To ensure that it is current and relevant in its provision of

c) For improved Architecture i.e a better structure of the
present system.

d) Increased functionality for improved accessibility.

e) A clear design guideline for maintenance as well as future
and ongoing development.


1.3.1 SCOPE

The scope of this project is to design a functional website for
the department of mathematics, statistics and computer science
and provide clear design guidelines for the maintenance as well
as future and ongoing development.


The present method of information dissemination in the
department is through the use of circulars, important notice on
notice boards e.g exam time table and student handbook. Some
times it could be published in the school bulletin.


Lack of web policy by university of Abuja limits the ability of
any single body or department to be able to get information about
the department; therefore, there is difficulty of distance user to
get the desired information regarding the department.

Also, there is difficulty in modification of information using the
present system of information dissemination.


The university website has three main purpose,
administration, promotion and teaching. It is worth identifying the
purpose of the department site and who its main user will be prior
to designing the site. We my find that department of
mathematics, statistics and computer science has more than one

a) As an administrative tool, the web provides access to
university statistics, corporate policies procedures, codes,
statutes, by laws and university directory.

b) As a promotional tool, the web provides a means of
presenting information to the wider community, in particular
prospective students, employers and industry partners.
Materials range from general information about the

c) As a teaching tool the web is being used to develop online
teaching and learning through the internet facility.


The World Wide Web is currently undergoing an incredible
growth period. University administrators and academic
departments are beginning to realize that the web is a further
way of reaching students to attend their institution. Department
of mathematics, statistic and computer science, university of
Abuja is no exception.

4. . statistics and computer science. there is need for conducting a research.2 METHOD ADAPTED TO ACCOMPLISH THE TASK i. Thus. these decisions are supported by data collected by observations of typical users as they interacted with the design. Further usability testing of the electronic design.4.1. Testing with paper prototypes iv. Organizing data iii. university of Abuja. Interview Process ii. The methodology largely consists of conducting usability tests of design prototypes with the target audience to identify and remedy problems in an alterative manner.1 DESIGN RESEARCH In the process of designing website for the department of mathematics. 1.

CHAPTER TWO 2.0 LITERATURE REVIEW 2. modeling and execution of electronic media content delivery via internet in the form of technologies (Such as makeup languages) suitable for interpretation and display by a web browser on other web-based graphical user interface (GUI) The intent of web design is to create a website (a collection of electronic files residing on one or more web servers) that presents content (including interactive features or interfaces) to . planning.1 WEB PAGE DESIGN This is a process of conceptualization.

time. XHTML or XML tags. etc) .the end user in the form of pages once requested such element as texts. Java run-time environment etc. web pages are classified as static on dynamic. ASP. form and bit mapped images can be placed on the page Lessing HTML. Dynamic Web Pages: These page adapt their content and appearance depending on the users input or interaction on change in the computing environment (user. videds and vectors graphics) usually sequence plug-ins such as flash Quick time. 1. Typically. plug-ins are also embedded into WebPages by using HTML (Hypertext makeup language) tags. Displaying more complex medici (sound animations. Static web Pages: These pages don’t change content layout with every request unless a human (webmaster on programme) manually updates the pages. 2. in web design. database modification etc) content can be changed on the client side (end user computer by using client side scripting languages (such as Java script) to alter dynamic element) HTML Dynamic hypertext mark up language) Dynamic context is often compiled on the seven utilizing server side scripting languages (PHP.

This was new and different from the existing forms of communications users could easily navigate to other pages by following hyperlinks from pages to page. Tim worked on the standard hypertext language protocol and browser program which interrupts the HTML and converts it into screen based text. The early versions of the HTML were very basic. Tim Berners Lee who did the initial development stage was interested in the ability to link academic papers electronically and to utilize the internet to correspond to people in other laboratories around the world. only giving websites basic structures (such as headings and paragraphics) and the ability to link using hypertext.2 HISTORY OF WEB DESIGN The World Wide Web developed from scientist’s interest to explore communication methods via the computer network. . such as interactive CD ROM designs. He was the first to combine internet communication which had been carrying E-mail for decades) with hyper text (which had also been around for decade but limited to browsing information stored on a single computer.2. The first browser program was capable of viewing text documents only but from a range of different computer platforms Tim published what is considered to be the first website in August 1991.

thousands of web design companies have been established around the world to serve the growing demand for such work. the makeup language changed to become more complex and flexible giving the ability to add object like image and tables to a page features like table which were originally intended to be used to display tabular information were soon subverted for use as increasingly regarded as outdated. 2. As the web and web design progressed. and Russia to take advantage of the relatively lower rates found in such countries.2.1 FIRST GENERATION WEBSITES DESIGN In 1993. As with much of the information technology industry. As time change websites are changing the code on the inside and visual design on the outside with ever evolving programs and utilities. With the progression of web. many web design companies have been established in technology pecks in the developing world as well as many western design companies setting up offices in countries like India. Romania. Database integration technologies such as server side scripting and design standards further changed and enhanced the way the web in web is made. the national centre for super computing developed the first freeware browser “MOSAIC” within a year. there were about two million users of this program. The mosaic browser was .

yet functional for scientist around the world to share information the technology of these browsers limited the ability to provide graphic design information for visual communication. 1. The various level of html code from that time followed through HTML 2.capable of viewing text and graphic. In 1994.3 and $ (present) since html ver. David sieged author of “Creating Killer websites”. edge to edge text that ran for the full page with blank line for segmentation. David’s comment is that they are linear. There was much other associated technological restriction at that stage which influenced the designs of websites. the W3C consortium was established to set goals and standards for the future development of the web language. but within a very limited layout arrangement. the w3c. These restrictions include: 1) Monochrome monitors 2) Top to bottom interspersed layout 3) Stream separators such as bullets and horizontal lines The background html was capable of displaying the teletype model for lying of pages These sites usually had headline banners. Microsoft . HTML.

2 SECOND GENERATION WEBSITE DESIGN David siegals philosophy continues in his description websites where they are based on fist generation design concepts except for the following characteristics. and Netscape corporations have worked towards achieving a greciter ability to provide dynamic content over the web. Microsoft and Netscape cooperation have been in fience competition to acquire the dominate market share of their browser products and their web technology. or consideration . The websites created at this stage tended to be overdone with technology. Bullet-list menu driven system to present a hierarchy of information.2. Icon replacing words ii. Buttons with beveled edges iii. 2. i. Many of these characteristic were driven by the development of htm.Banners replacing headlines v. This competition has fuelled the rate of progress in the development of the web technologies. without respect to. Tiled image for backgrounds iv.

who were able to utilize the html code in ways that it were innovative in order to acquire the page layout they designed. magazine and papers. there were a few designers such as David Seigal. it was essentially a work around. with no treatment for clean layout reflecting the desire to communicate pages were over crowded with fleshing icons and rainbow coloured graphics and backgrounds. Web text is not easy to read because of the inherent browser characteristic. It is easier to read from books. While being aware of the web medium capability and limitations. People may not be interested in waiting for content to appeal on their computer screen. One example of this new approach occurred when the html tags for table’s designers used the table code for pouring in the columns of text and graphics just like you see in the magazine and books.of website purpose. However. the main draw back of the web is speed of downloading information. because of the designers input to the amount of teaching between the lines of text and the controlled length of text in a measure within a horizontal space. . and even of the information does appears. Tables well used to acquire greater control over element positioning. Use of technology for technologies sake. will they be motivated to send off the screen. These sites were still adapting to technology that was constantly changing.

2. inquire or sell in the shortest amount of time required. The text and font size can be set on the browser. These controls do not exist on the web. The site objectives could be to informs. there is an emphasis on project design and management in order to create a site that will draw the viewer in. The site structure is considered . unless the design actually inserts the texts as a pixel graphic. readability and clarity. they probably do not know what aspects are important for legibility. David Siegalls philosophy in third generation websites is to present information from a designer’s point of view. what where and why sides exist at just a glance. or even if they do. 2. as well as being independent of technology trends. using an initiatively designed navigation system to find their way around the website. Third generation sites aim to attract and communicate to an audience in accordance with the particular sites objective. The viewer will want what is provided at the site and also want to know how to get it. so that they will instantly be aware of who. but how many people know how. and ensure that it is compatible with economic browsers. To do thus. the web has a long way to go yet because of the many restrictions on the use of typography.3 THIRD GENERATION WEBSITES DESIGN From the tradition designer’s point of view.

The third generation philosophy tends to be similar to the advertizing/marketing strategy of “AIDA” i. On the web. what will be there when they get there.e form follows functionality. The users will recognize the function from the viewed from of the button. this situation has now turned around where by the design philosophies for CD ROM are now being.e ATTRACT” the audience in Nulls second hold the INTEREST once you have their attention. what will attract the audience to the website. they are seeking for. The design goal is to create an initiative navigation system in order to allow the user find what they are looking for quickly. . These was a period of time where interactive CD ROM’s were used to deliver contents which was technically too difficult over the web. i. applied for the web. the some approach is used. The visual form of the navigations system must support and or suggest the function for immediate response to navigate to the information. Web design has evolved with respect to the constantly changing technological environment of the webs capability and its limitations. create the desire for the attracted audience. then call the ACTION line for more information.extremely important for the websites design of it is to meet the above requirements.

There are many aspects in this process and due to the rapid development of the internet. what is the purpose of the website. a website might be comp0ared to a book. new aspects may emerge. This web design strategy is directly influenced by presenting the what. A webpage consists of information for which the website is developed. where each page of the book is a webpage. why and who rather than a technology based design.4 FOURTH GENERATION WEBSITE DESIGN Fourth generation websites are only an extension of third generation with some unique web-driven selling proposition. Some of the few basic aspects of design are: . tutorials and exams. Which can only be delivered on the web? E.g the remote access to education over the web with all the renise notes.3 WEBSITE DESIGN A website is a collection of information about a particular topic in subject. Designing a website is defined as the arrangement and creation of web pages that in turn make up a website.2. 2. 2.

search engines. The appearance: The graphics and text should include a single style that flows through out to show consistency. Each webpage within a website is an HTML file which has its own URL. The usability: The site should be ser friendly. The content: The substance and information on the site should be relevant to the site and should target the area of the public that the website is concerned with. they are typically linked together using a navigation menu composed of hyperlinks. with the interface and navigation simple and reliable. The style should be appealing and relevant. if not all. The Visibility: The site should also be easy be to find via most. After each web page is created. 3. 1. 2. 4. Faster browsing speeds have led to more and shorter attention spans and move demanding online visitors. . A website usually consists of text and images the first page of website is known as the Home page or index.

the webmaster may use a variety of technique to increase the liafer on hits that the website services. This may includes submitting the website to a search engine such as Google on yahoo. graphics. This may be done using FTP (which is the file transfer protocol) once published. . once a website is completed. creating affiliation with similar websites.g page layout. In order to be viewable to the public.3. exchanging link with other websites. it was to be published or uploaded. text. user interface. it may be carried out by a multi killed individual (webmaster) on a project master may oversee collaborative design between members with specialized skills. and the serer side components that process the output from the front-end. etc 2. The website is an information system whose components are sometime classified as front-end and back-end. information technology and communication design. and id) is known as the front-end. envisible script functions. The backend comprises the organization and efficiency of the website source code.1 MULTI DISCIPLINARY REQUIREMENTS Web site design crosses multiple disciplines of information system. Depending on the size of a web development project. The observable content (e.

4 WEBSITE PLANNING Before creating and uploading a website. Also goal setting practice and measurable objectives should be identified to track the progress of the site and determine the success. as well as defining the purpose and deciding what content will be developed are extremely important. Audience: Defining the audience is a key step in the website planning process. The audience is the group of people who are expressed to visit your web site the market being target. it is important to take the time to plan exactly what is needed in the website thoroughly considering the audience on target market. modification and improvement will take place. The following should be considered when planning the website. A deculy defined purpose will help the best of the planning process as the audience is identified and the content of the website will help make the purpose clean and plan for the future when expansion.2. ii. Purpose: It is essential to define the purpose of the website as one of the first steps in the planning process. A purpose statement should show focus based on what the website will accomplish and what users will get from it. i. These people will be viewing the website for a specific reason and it is important to know exactly what they are looking for when they visit the site A clearly defined purpose on goal of the site as well as an understanding of what visitors feel .

when they come to your site will help to identify the target audience. any items that do not support the defined purpose on accomplish target audience objectives should be removed. It is a good idea to test the content and purpose on a focus group and compare the offering to the audience needs the next step is to organize the basic information . a list of characteristic common to the uses such as: a) Audience Characteristics b) Information preferences c) Computer specification d) Web experience Taking into account the characteristic of the audience will allow an effective websites be created that will deliver the derived content to the target audience. In the process of gathering the content being offered. Upon considering who is most likely to need on use the content. Content: Content evaluation and organization acquire that the purpose of the website be clearly defined. iii. Collecting a list of the necessary content then organizing it according to the audience need is a key step in website planning.

iv. Compatibility and Restrictions: Because of the market share of the modern browser. Planning Documentation: Documentation is used to visually plan the site while taking into account the purpose. The only way to be certain a website will work on a particular platform is to test it on that platform. Planning for the sites content ensure that the wants on need of the target audience and the purpose of the site will be fulfilled. the site structure. Documents may be considered . v. the compatibility of your website with the viewers is restricted. The majority of users can support GIE.structure by categorizing the content and categorizing it according to user needs. Many website’s incompatibilities go unnoticed by the and unreported by the user. audience and content to design. content and interactions that are most suitable for the website. Each category should be named with a concise and descriptive little that will become a link on the website.JPEG. and PNG( with restrictions) Again internet explorer is the major restriction here not fully supporting PNG’s advanced transparency features resulting in the GIF format still being the most widely used graphic file formant for transparent images. An example of webpage design restrictions is the use of different image file formats.

a) Linear design website diagrams will allow the users move in a predetermined sequence. This creates a visual of how the webpage will be interconnected. There are three main ways of diagramming the website structure. the content is categorized and the information stile hue is formulated. resulting in suggested changes. .a prototype for the website-a model which allows the website layout to be reviewed. this review process increases the likelihood of success of the website. b) Hierarchical structures (for tree design website diagrams) provide more than one path for the users to take to their destination. c) Branch design website diagrams allow for interconnections between webpage such as hyper links within sentences. First. improvements and/or enhancements. The information structure is used to develop a document or visual diagram called a site map. which helps in deciding what content will be placed on what pages.

a mock up model on comprehensive layout of what the page will actually look like. on layout design program. Some or all of the individual pages may be designed in greater detail as a website sire frame.5 Principles Of Design The basic principle of web design shows how to put together design element in effective manner. dacker element appear heavier in the . in the process of story boarding a second is made of the description. Using the design principle will help in building a more pleasing and useful design. In addition to planning the structure. the layout and interface of individual pages may be planner using a storyboard. and they are linked together according to the most effective and logical and drawing lines to connect them. Design is more than just putting HTML tags up onto a page. This is often done in a graphic program. These principles are briefing explained below: (1) Balance: This is the distribution of heavy and light object on the page larger. 2. The wire frame has no working functionality only planning. or creating the story board using computer software’s. purpose and title of each page is the sire.

but this ends up making the design bland and flat instead a designer should determine the hierarchy of the page and then apply the emphasis to the element of the page based on the hierarchy. this brings an internal consistency to web designs. lighter elements. (2) Contrast: This is also an important factor more to contrast than ordinary black and white colours could be contrasting shaped (square Vs circle) on contrasting sizes (large Vs small) or even contrasting texture (rough Vs Smooth) which paints out the picture of the design clearly. 2. Pattern is easy for human to comprehend and repetition provides pattern that make your site easier to comprehend. It is the principle of keeping like element apart also pulls elements together. (5) Unity: Also called proximity. (4) Rhythm: Also called repetition. (3) Emphasis: This is what eye is drawn to it is tempting give everything equal emphasis or try to emphasize everything in a design. The principle of balance shows how to layout pages so that they work.6 BRIEF HISTORY OF DEPARTMENT OF MATHEMATICS STATISTICS AND COMPUTER SCIENCE . design than smaller.

this (Department of mathematics. machinery for the recruitment of academic staff. directors and head of department. When this department was established at offered B. statistics and computer science) and other department were established and their respective head of department appointed with Professor M. with B. establishing the University of Abuja as a conventional one. The first vice chancellor then set in motion.Sc statistics. This facilitated the inauguration of the university senate. The then requested each head of department to collaborate with the department staff to draw up suitable the chairmanship of the departmental head. The University of Abuja itself came into existence by the promulgation of decree No 109.Sc mathematic is B. the vice-chancellor informed the senate member about forwarding of the academic brief of the university to the Nigerian Universities commission (NUC) for approval. The departmental staff up the course and syllabi for the three disciplines of the department. Hater on.SC computer science and B. After the inauguration ceremony. it developed . with strict adherence to the stipulated circular as contained in the “Approval Minimum academic standard in science” handed down by the Nigeria universities commission to the university.SC computer science starting in 1993. By February 1991. made up of cleans.O Adewale as the first head of this department.

O Adewale. statistics and computer science use it for research and other practical work. In 1999. Professor M. Franklin Olusodayo Oguns as the second Head of department and then Dr.O Adewale who was appointed again in 2005 LABOURATORY The department currently has two laboratories which are situated in the computer center of the university. After the tenure of Professor M. he handed over to Dr. the student of the department of mathematics. the student population increased astronomically without corresponding increase in staff. When the computer center was established in 1992. . it had six pioneer staff and additional staff joined afterwards.into offering post graduate diploma in computer science and statistic and recently mathematics. About twenty computer science student to thirteen staff. When the computer science programme (undergraduate) started in 1993. Although the centre is a unit on own. very low population of the student was its pioneers.O Oku Ukpong being the third Head of the department and presenting again. E.

Today. B. Presently.7 OBJECTIVES OF DEPARTMENT OF MATHEMATICS STATISTICS AND COMPUTER SCIENCES 1. . the number of staff in the department sums up to twenty one with the inclusion of the Head of the department.Sc Computer Science iii. The facility of the computer laboratory has been developed to fourteen standard computers all with internet facility. a projector and two air-conditioners.Sc Mathematics ii. B.Post Graduate Diploma in computer Science v. statistic and computer science.Sc Statistics iv. To offer undergraduate degree of Bachelor of Science in mathematics. Post Graduate Diploma in Mathematics vi. 2. B.Post Graduate Diploma in Statistics. the department offers: i.

ii) The information provided is only for local user and they are not in a aimly and visually attractive manner iii)It is tedious for the staff to go through the database of a particular file. 2. statistics and computer science. 2. To carry out research in broad spectrum of mathematics. 3. . To offer post graduate diploma in mathematics.9 THE NEED FOR WEB DESIGN i) Poor performance of the present information system. 2. statistics and computer science.8 SETBACK OF PRESENT INFORMATION SYSTEM i) The present information system is all in hand copy.

v) To display the capability and achievement of the department in a much quicker and advanced way to local users and prospective users. iii) The desire to integrate the isolated information system which will facilitate data sharing effectiveness and efficiency in the performance of the cooperate organization. iv) The web provides a means of presenting information to the wider community. .ii) The need to change from the old information system to the present day information system. for particular prospective student and employers.

0 SYSTEM ANALYSIS AND DESIGN 3. considerable effort has to be devoted to thorough analysis of the requirements. 3. The following are the categories of feasibility . required resource and improvements. CHAPTER THREE 3.1 ANALYSIS Before any work can begin on the design of a website. Analysis therefore is a process of gathering and comparing information about the web and its operation. It involves analyzing the information gathered about the user for its relevance so that the aims and objectives of the project could be achieved. This will help to identify the limitation of the existing system.1 FEASIBILITY STUDY A feasibility study is a formal study to decide what type of system can be developed which meets the need of the organization. by arranging the item of information based on their level of importance on priorities in orders to develop a functional and a successful. It is necessary to examine the current procedure and information flown in the organization.1.

The department of mathematics. 3) Operational Feasibility study: This will have to do with the institution been able to manage. 2) Economic feasibility study: The expected cost of hosting a website should be estimated before the design phase can be considered. The . Technical feasibility study. These categories are explained below: 1) Technical feasibility study: Most of all the hardware and software required for this project are readily available in a standard computer laboratory. maintain and update the site. statistic and computer science has good computer initiate as their employees. which depends on the weight of the site in Megabytes (MB) which is not beyond the capacity of the university. which includes the target audience for the web as well as the actual audience that make use of the information. studies. economic feasibility and operational feasibility study.1. 3.2 The user analysis involves the audience information.

Characteristics: May or may not be web literate limited access to internet and very busy. information includes audience’s background. course credit system. C. Prospective Student (Undergraduate and Post Graduate) i. about admission procedure. Administration Staff: . ii. Possible Information: The possible information for the prospective students is entry requirement course and duration. Possible information: the following are the possible information likely to be enquired by user about administration activities. research oriented. interest and all helpful details required in shaping the information to suit the user needs. Characteristics: They are highly educated. B. have limited access to certain information and very busy. accommodation and about current events and happenings in the department. current student (undergraduate and postgraduate) i. scholarship opportunities and awards. and may be accommodation. computer literate. A.

i) User scan select: user scan and select in most encounter with the website.1. Characteristics: The characteristic for administration staff are highly educate. . i. ii) Content Pages: Even on content pages users scan and select. ii. they do the scattering through and selecting or searching seldom through and selecting or searching seldom reaching more than a few words. current and happening on campus. Users always navigate to the page they need.3 GENERAL INFORMATION ABOUT USERS This section views the general behaviour of users as they navigate through the web contents. which suggests that web user don’t want to read a lot. CA Professional web developed. Possible information needed: information about staff. 3. and progress in academic activities. busy. breaking news. research oriented and regular access to the internet. in a research conducted by Nelson. financially stable. . he found out that 80% of users skimmed and scanned through web pages.

Purpose statement: The purpose of this website is to provide relevant information to: a) All prospective students wishing to apply for admission into the undergraduate or post graduate course in the department of mathematics.4 Web Element Analysis The following are to be put into consideration. users try to find a specific piece of information on the answer to a specific piece of question.1. iii) Non-reading user: in most cases. They only want to get the exact information they want and reading a lot is an obstacle to competing the goal. 1. statistics and computer science. 3. b) All current student already in the system c) Staff .

Admission requirements . admission requirement and about accommodation procedures. statistic and computer science. statistics and computer science department.2. Thus some of the content would need constant updating like session by session such as: a) Content Update i. Objective Statement: The objective statement defines what specific goals the web should accomplish. The objective statement of this project is that information will be provided for: i. All researchers in need of information about the department of mathematics. Web Content Analysis: Majority of the content of this project work was acquired from the lectures and the some documents of the department. and all staff in need of information. ii. 3. All prospective students wishing to apply for admission into undergraduate and postgraduate course in mathematics.

4) Information Architecture: The success and usability of a website depends on the simplicity of the site structure and organization. The content inventory contains the complete information of the site map. which in turn depends on the organization of the information. The levels are explained below: .News and Events All these are responsibilities of the web editors b) Content Inventory: This inventory presents just the major division of the information and hints of content. ii. Scholarships iv. Current visitor and officers iii. Since most websites are hierarchical in structure which means users navigate from the more general menu to more specific content pages most hierarchical structure have three levels and at times sublevels.

Level One: contains the homepage which serves as the major table of content and contains links to other web pages that constitute level two. Level Three: It consists of mainly content pages such as information on the undergraduates and post graduate courses (Course credit load and duration). The submenu pages contain links to pages that constitute level three. Level Two: It consists of page which constitutes submenus and content pages. 3.2 SITE STRUCTURE .

audience.3 DESIGN This chapter involves working within the web’s specification. objectives and domain information are taken into consideration. In this chapter.S Comp. decision making about how a web’s actual component should be constructed. HOME HISTORY STAFF OTHERS COURSES OF MATHS STRENGT JOURNALS ACTIVITIE OFFERED DEPTS H S Postgradu Undergradu ate Non- Academic ate Courses courses Academic (diploma) Statist Comp. .S Maths Maths Statistic ic ci ci 3. the web purpose. Which implies that a thorough grounding implementation possibility as will as knowledge about how a specific web structure affect users.

Graphic design specification for all page type i. buttons and backgrounds.3. The goal of this design as to make web pages that is much alike across different browser.1 TEMPLATE Since some page will constantly appear in the web at constant position. 3. Photography c. d. logos. Interface design and master page grid templates completed. HTML template pages e. The following are the significance point needed to be considered. . Edited texted and proofread b. Content organization and assembly: a. Header and footer graphics. Interface graphic for page templates ii. it is then important to make a general template that will save as a basic building block for web pages in the website.

this is because the information chunks are so related that it is logical to have them on different web pages. other s also have monitor which display 800*600 pixel screens.3. b) Height: Some pages have about four (4) screen of information. . Design template below: NAVIGATIONAL BAR BANNER Header’s Graphics Navigation Bar LOGO TEXT AND PHOTOGRAPHS EVEN COLUMN TS LINK TO WEB MASTER 3.2 Page Dimensions a) Width: The width of all the pages in the site will not be more than 650 pixels. This is because many users have the display screen which can display only at 640* 480 screens.

. A good navigation and structure will provide users with sign post so that they don’t feel lost a link back to the homepage and will work well with all levels on this site. . c) Margins: The margins will be set via table cells consistently throughout the site.4 NAVIGATION SYSTEM We have two types: a) Local Navigation: Consist of all link on a page that take one to a named area. The line text will be restricted to twelve (12) words on less per line.

NAVIGATIONAL BAR BANNER LOG Header Graphics Navigation Bar O Header Graphics Navigation Bar Even Undergraduate Courses ts Postgraduate Courses UNDERGRADUATE COURSES POST GRADUATE COURSES Link to webmaster b) The Global Navigation: These types of navigation enable a user to have access to different pages on the same website global navigation is used on the home page. .

6 SITE HIERARCHY The hierarchical site is organized in such a way that. each containing a collection of pages related to a broad topic. it encompasses several sub-hierarchies. . However. at the highest level. several navigation concepts such as the two mentioned above (local and global navigation) allows for both hierarchical and non hierarchical navigation of the site.5 SITE ORGANIZATION The intrinsic organization of the site is hierarchical and includes various types of significant pages. . NAVIGATIONAL BAR BANNER LOG O PHOTOGRAPHS EVENT S TEXT Link to Webmaster .

course credit system. etc. The bandwidth in affected by various factors such as user’s modern speed and also it could be affected by the number of time and also the speed of the server he/she is connected to: . seminars. calendar event. lecture. lectures name. . 3 Undergraduate and post graduate program: Relevant information about the undergraduate and post graduate degree program can be found here. E.6. Etc.1 Department: It contains general information about the department. Information such as ore course required credit unit etc.2 Events: These include the happenings in the department.g History.7 Minimizing Download Time The bandwidth on the capacity of the lines carrying data to and from a computer is perhaps the most important factor that guide web pages design. news. 3.6. 3.

people get frustrated on loose attention.8 CODING In this perspective. . The consensus of pages size is with interbiznet and its under 30kb pages size. or as much as 30 seconds. The patience limit for download time limit seems to be around 10 seconds. Although some designers place a 10kb limit on the page size while others give as much as 10kb. some writers suggest that the pages can take up to 15 seconds to load. Although. there is no specific number. . coding can be defined as the process of using a computer formal language to convert the design prototype on paper into a full functional model. Coding is done following the detailed site map diagram from the design process. bandwidth stretched the possibilities over a wide range of file size. by working with the universal grid and link diagram from the design process as well as the web specifications and domain information. Jacob Nelson in his book reminds designers that human factors research has shown that response lines must be faster than a second. However there are quite different variations. FILE SIZE: An obvious way to make a webpage download is to make it as light as possible. Without that response.

Comment will be used for proper documentation of the coding for easy understanding of how the HTML language is generated and for maintaining the website for future update. Testing and verification of database reporting features. Finished navigation link structure ii. v. At the end of this stage. All graphic design. my SQL will be used. HTML and for the data base. At this stage. iv.Final proofreading of all site content. illustration and photography in place. all pages contents in place iii. Finished HTML for all web pages. . All programming in place and linked to pages ready for better testing. the typical produces includes: i. vi. the actual construction of the web pages begins implementation of the design specification and other standard are actualized using HTML. vii.Testing of site reader support procedures. The tools used for the coding are PHP.

The WAMP server allows you to manage your web. The WAMP server is easy to manage and administrer services because it makes provision for PHPmyAdmin which is a graphical database management tool. Moreso. Designing and testing a website requires a local host for it to be viewed on how it works and for this project. CHAPTER FOUR SYSTEM IMPLEMENTATION Before the website is host on the World Wide Web. there is a need for registration with an (ISP) internet service provider encoder for it to be viewed globally. Intel Pentium 4 on higher processor b. Minimum of 124MB of RAM . MySQL which is a command based database management tool. a minimum of the following should be obtained: a. the “WWW” directory which houses all the hosted webpages. database and local directory and it is the root of the webserver in a system on network. a WAMP sever is used as the local host server. This server has spache as the root and driving internal server of the WAMP server. for a website to be hosted successively.

2 INPUT SPECIFICATION i.1. HTML. c) Administration staff. The homepage should be compact: tell user what they are getting and provide links to all the real content: ii.1 INTENDED USERS a) Current student (Undergraduates and Post graduates) b) Prospective Student (Undergraduate and post graduates). c. PHP. iii. Length of pages should be put into consideration: Most people do not read texts contained in pages that scroll for a long time even they wait for the page to load. 4. Macromedia Dreamweaver 8 and Macromedia Fireworks could be used to design the webpages. 4. Speed up page-loading by providing layout information for images and tables. d) Researcher within the country and all over the world. a windows XP operating system could be used to run it. . Minimum of 2 Gigabytes of hardware and for the software.

v. .f width =”60” height “150”] tells the computer the space to be allocated for the image allowing the rest of the page to load at the same time and the images. icon. iii. iv. Front page specifies the dimension of image automatically. it is also ideal for buttons. When using images use their actual size because some web editing package (front page) make it easy to resize images on the screen. graphics etc.2. ii. [image src =” Senate g.f] tells the computer that the page includes an image. GIFs are best for smaller images. 4. JPEHS: Are best for detailed photographic images with lots of colors highly compressed. [Image src = “Senate g. vi. or images with less detail and colors.1 CHOOSE APPROPRIATE FILE FORMATE FOR IMAGES i.

ii. Colour and underlining indicates a hyperlink. We bear in mind the needs of user with poor eyesight.3. . through the pages but they must not appear identical. JPEGS lose quality: JPEGS at different levels of compression find a good compromise between qualities of images and file size.2 CHOICE OF COLOURS: i.3 OUTPUT SPECIFICATION 4. so text colour should not be change unnecessarily. colours fonts. colour blindness etc. navigation. etc.3.1 Consistency: There should be consistency of layout. 4. backgrounds. 4.

no different colours for every page. Check pages with different web browsers. . if we do. 4. both Netscape navigator and Microsoft internet Explore as a minimum. colours and so on. we make sure we specify a safe alternative. They can specify dimensions. Web designer must not be flexible. For main areas of colour (test and background) we use “web safe” colours. III. Apply colour scheme consistently throughout the site. in the knowledge that the end product will look as intended. fonts. We do not specify unusual fonts in WebPages. iii. I. size. pages.3. II.3 PAGE DESIGN Traditional graphic designer have complete control over their work.

a contents listing the body of the page. main heading area.1 SUMMARY . CHAPTER FIVE 5. IV. a footer area. We work in terms of different area of the pages.

there is a need to have trained competent personnel headed by the site editor to meet the site maintenance needs.2 RECOMMENDATION In view of the need for efficiency and effective development for the departmental website. Technical Maintenance: It enable keeping the with technological advancement in hardware and software requirement for operating the site. a websites for the department of mathematics. therefore. constant update and good maintenance should be put into consideration. For proper maintenance of the site. websites are becoming widespread due to the advancement in technology. In summary. user do not need to get whatever form of enquiry they need to know about the university department. for the purpose of advertisement and easy information dissemination. 5. statistics and computer science should not be an exception with this web design. the need for a website for an organization is highly important. . Therefore. such as: i. It also shows the qualification of the lectures in the department which explains their capability.

content management and future development of the web for the department of mathematics. In some projects.3 CONCLUSION In conclusion. Content Updating: Content Updating is needed because some information on these webs will be obsolete with time and need to be replaced with current and relevant information. statistics and computer science. ii. it is often not linear and tasks from different phases may be taking place concurrently. 5. Therefore the website is a fundamental outreach and information resource for the university department. We need to make sure that the content is up to date. university of Abuja. The primary goal of this website (project) was to design a website underpinned by clear guidelines for ongoing design. the web development methodology (processes) adapted in this project follows a linear approach. . This approach varies from development.

we discussed earlier. the selection of website design features. Finally. and how each design can add to the impact and success of the website. .