Report Website Documentation

IM 1024
WEB AUTHORING AND WEB MANAGEMENT

-
SCHOOL OF COMPUTER SCIENCE AND INFORMATION TECHNOLOGY

(SOCSIT)
TITLE:
BUISNESS ADVERTISMENT
Name of Company:
BABA Textile Limited
MODULE NAME:
IM1024 Web Authoring and Web Management
UEL ID:
U1255393
LECTURER:
Madam Teo
SUBMISSION DATE:
17thApril 2013
IM 1024
ACKNOWLEDGEMENT
Special appreciation to Almighty GOD for keeping me alive to witness today. I would like to
thank my lecturers Madam Teo and Dr Mia for the constant guidance, support, and
encouragement to never give up on my assignment. I would also like to thank my colleagues
(group mates) for their encouragement and contribution in terms of knowledge sharing.
IM 1024
Table of Contents
ACKNOWLEDGEMENT................................................................................................. 2
INTRODUCTION........................................................................................................... 5
BACKGROUND............................................................................................................. 6
COMPANY VISION.................................................................................................. 6
COMPANY MISSION............................................................................................... 6
AIM OF STUDY...................................................................................................... 6
HISTORY OF COMPANY......................................................................................... 6
COMPANY ORGANISATION CHARTS.......................................................................7
OBJECTIVES OF STUDY........................................................................................ 8
PROBLEM STATEMENT.......................................................................................... 8
SCOPE.................................................................................................................. 8
Task 1: KEY PRINCIPLES IN DESIGNING AND IMPLEMENTATION....................................9
KEY PRINCIPLES OF WEB DESIGN............................................................................... 9
PRECEDENCE (EYE GUIDING)............................................................................... 9
DESIGN TO BUILD................................................................................................. 9
USABILITY........................................................................................................... 10
CONSISTENCY.................................................................................................... 10
SPACING............................................................................................................. 10
TYPOGRAPHY..................................................................................................... 10
CLARITY (SHARPNESS)....................................................................................... 11
NAVIGATION........................................................................................................ 11
ALIGNMENT........................................................................................................ 11
KEY PRINCIPLES OF IMPLEMENTATION......................................................................12
PLANNING........................................................................................................... 12
ANALYSIS............................................................................................................ 12
DESIGN............................................................................................................... 12
IMPLEMENTING................................................................................................... 12
TESTING AND MONITORING.................................................................................12
3
IM 1024
Task 2 : REQUIREMENTS ANALYSIS............................................................................13
USER REQUIREMENT................................................................................................ 13
FUNCTIONAL REQUIREMENT...............................................................................13
NON FUNCTIONAL REQUIREMENTS....................................................................13
Task 3: SYSTEM REQUIREMENTS...............................................................................15
HARDWARE REQYIREMENTS...............................................................................15
SOFTWARE REQUIREMENTS...............................................................................15
Task 4: WEBSITE DESIGN AND IMPLEMENTATION........................................................16
NAVIGATION STRUCTURE................................................................................... 16
STORY BOARDS.................................................................................................. 17
INTERFACE DESIGN............................................................................................. 28
Task 5: TESTING AND EVALUATION............................................................................. 34
USABILITY TESTING................................................................................................... 34
Compatibility Testing.......................................................................................... 35
EVALUATION REPORT.......................................................................................... 36
Task 6: CONCLUSION................................................................................................ 37
CONCLUSION...................................................................................................... 37
PROBLEMS ENCOUNTERED................................................................................37
FUTURE ENHANCEMENT..................................................................................... 38
INDEX....................................................................................................................... 39
HOW OUR GROUP WORK AS A TEAM..................................................................40
IM 1024
INTRODUCTION
The expectation of this assignment is based on designing a website for Baba TEX Ltd
as one of the leading industry in the production of qualitative clothes. The company has over
5 000 employees in four countries but we are planning on making available more branches in
all parts of Asia and the world in general. It was founded and established by a man named Dr
Muhammad Aminu Ghali in the year 1992 having its first headquarter in Malaysia. As at that
time it was a small company comprising of not up to 500 workers. At first it started by
producing only T-shirts before it included Shirts, Jackets and Trousers in its products to
mention but few.
The website has more than ten pages which consists of the Home, Product, Services,
Contact us, About us, Faqs, Order page, T-shirts, Shirts, Jackets and Trousers pages. All this
pages have links to one another i.e. all the pages can be accessed from any of the pages
except the order and payment which can only be accessed from the products page. The
website is to provide a platform for expansion between Baba TEX Ltd and its
clients/customers. The website will go a long way to satisfy the users that is; the buyer can
search for his/her choice of products.
The Webpages will be user friendly and stress free, because in this modern day
dispensation, website design in line with the growing rate of the global technology is
benefiting to individual life. Most business expands through website adverts to boosts
awareness, produces credibility, marketing, promoting and encourages enterprises which are
done through internet to instruct consumers in regards to a companys products through
technology in the marketplace.
The pages also consists of relevant images, text, flash and video appropriate for Baba
TEX Ltd website.
Also, this report will discuss on the documentation of the Baba TEX Ltd website which
is stated in the question paper. The report will start from User requirement through object
oriented analysis, storyboard of intended design, the screen shots of the Webpages
(interface), evaluation and coding etc.
5
IM 1024
BACKGROUND.
COMPANY VISION
To become world class recognize andleading textile industryand suppliers of clothes in
the world with the effort of building strong relationship with our respective customers.
COMPANY MISSION
To produce high quality products at affordable costs by using latest technologies in the
production process and to operate in serving the costumers through on time delivery and
ensuring their satisfaction in terms of value and quality.
AIM OF STUDY
The aim of this research work is to plan and design a high quality interactive website
for Baba TEX Ltd.
HISTORY OF COMPANY
Baba Tex Ltd was founded and established by a man named Dr. Muhammad Aminu Ghali in
the year 1992. As at that time it was a small company comprising of not more than 500
workers. At first it started by producing only T-shirts before it included Shirts,Jackets and
Trousers in its products. Baba Tex Ltd experienced serious competitions throughout its stay.
At some time, the company was almost shut down due to the low level of income it produced
but later picked up before the decision was taken.
IM 1024
COMPANY ORGANISATION CHARTS
MD
SECRETARY
PRODUCTION
MANAGER
ADM.
MANAGER
SALES
MANAGER
DESIGNERS
ACCOUNTAN
TS
SALES MEN
STAFFS
STAFFS
STAFFS
TRANSPORT
MANAGER
SHIPMENT
CORDINATORS
STAFFS
IM 1024
OBJECTIVES OF STUDY
1. Design a high quality interactive website for Baba Tex Ltd.
2. To develop a user friendly website for the customers.
3. To develop the interest of customers to buy from Baba Tex Ltd
4. To expand the service operations between Baba Tex Ltd and its online valuable
customers.
5. To develop an easier means of buying products online for people who are far or cannot
show up at the company.
PROBLEM STATEMENT
The Baba TEX Ltd is an emerging textile industry in the capital city of Malaysia and
they are in need of an interactive website which will be helpful for their companys growth due
to latest technology and tool that revolved round the textile industry will want to expand the
service provided to their respective customers.
SCOPE
The scope of this website will cover a number of areas that can help to generate the
factors related to the business requirements, functional requirements, content and
environment. For the business requirements, this website design will help to increase profits,
sales and increase customer satisfaction. On the functional requirements, this web design
will be implemented in such a way that customers can navigate through the company home
page, products, services etc.
IM 1024
Task 1: KEY PRINCIPLES IN DESIGNING AND IMPLEMENTATION

KEY PRINCIPLES OF WEB DESIGN
The website makes use of nine (9) essential key principles of web design which are the
following stated and discussed below:
Precedence(Eye Guiding)
Design to Build
Usability
Consistency
Spacing
Typography
Clarity
Navigation
Alignment
PRECEDENCE (EYE GUIDING)

The website adopted this key principle of web design in other to pass the expected
information of the Baba TEX Ltd to their numerous customers when navigating around the
screen of the website, from the, text, image, color, position, contrast
size and design
element of the website. For example, the precedence shows the logo at the top of the
content webpage of the design as a point of contact and passing message to the user on
what the site is about before navigating or reading other pages of the website.
DESIGN TO BUILD
One of the key principles of designing a good website is the backbone of the website which is
most time indicating in the body layout tag of the website. The web design make use of CSS
Layout for the body and HTML font using 964px width at the horizontal axis for the majority of
the users for the height, top and the left are varies in the time of calculation to resizes the
screen for the text, images, tables and others in all the properties of the webpages.
9
IM 1024
USABILITY
The web site is user friendly usability is one of the key principles that were used in
designing the website for Baba TEX Ltd from the taste of what their customers are
expected. The website provide all the aspect of similar part of the navigation, precedence,
text and image which more standard of what the company request using the adobe dream
weaver and wonder share flash gallery.
CONSISTENCY
The Consistent shows the level of professionalism in designing the website for Baba
TEX Ltd using latest technology and tool by ensuring website is spelling free. The website
have specified design, head sizes, choice of font, color, button styles, spacing etc. from the
home page to all the various pages of the website.
SPACING
The website is spacing free having observed that any web design without spacing is
most time refers to as under construction website. Almost all the 13 pages of the website
have a spacing which makes it clearer for the user to have an idea of what the textile
company is into in time of their products, services, and more essentially about the companys
profiles and years of establishment. This key principle is indicated in the web design text,
image, the layout tags and the border of the all the web pages and can also be observed in
the HTML and CSS coding as used in the adobe dream weaver.
TYPOGRAPHY
The typography in this website serves as the most common element in the design, as
demanded from the Baba TEX Ltd in marketing and advertising their products. The font size
is determined by the test and the image as requested in the content, bar, footer, and main
body of the website. This is also located as used in the font choice, paragraph, spacing, color
and line length in the website all this the design to be more easier for the users.
10
IM 1024
CLARITY (SHARPNESS)
Clarity is one of the basic principle that this website as adopted to get the best for the
baba textile Home using the CSS and HTML application in the getting the best for the
company to shape certain aspect of the website.
NAVIGATION
The website as design for the Baba TEX Ltd centrally make use of this key principle of
web design by showing the various navigation in the website which make it more friendly and
simple for the user to know more about their latest technology and advancement in the usage
of the new tool in the world of furniture enterprise. The navigation indicate the current page
where users are which can be trace to the top bar of the site showing the various link from the
home, about, service, contact and gallery and also, the back home have the products, import
and export bar of the website.
ALIGNMENT
The website is not alignment free using the key principle to structure the test and
image from the content and other parts of the web pages this alignment makes the website in
orderly way and make it more polish and friendly to the users of all the numerous clients of
Baba TEX Ltd.
11
IM 1024
KEY PRINCIPLES OF IMPLEMENTATION
The website makes use of SEVEN (7) essential key principles of web implementation.
Which are the following stated and discussed below:
Planning
Analysis
Design
Implementation
Testing
PLANNING
The planning of the website was done is such a way that a goals were set and also by
making research and references to others of our kind for us to accomplish what was expected
of us. We also looked at our target audiences interests in other to understand what they
expect from us.
ANALYSIS
We conduct analysis report of the website very often. By so doing, we get an image of
where the problems occur so therefore we know where to improve and how to go about it. It
helped us to determine variables like suitable background and layout, fonts, speed of the site
and even the contents we used.
DESIGN
After planning was done and several analysis were taken, designing was made
according to what we planned
IMPLEMENTING
Two implementations were done i.e. the post implementation and the actual
implementation. Post implementation was done because our new system may likely have an
additional function we can add to improve the site processes. After we are comfortable with
the post implementation then we execute the actual implementation.
TESTING AND MONITORING
After implementing the site, testing was done regularly to make sure our html, css,
JavaScript, flash video, Images etc. were working correctly in significant browsers and also to
make sure that the site meets up with the expected goal. Feedbacks were also generated
from our respective customers.
12
IM 1024
Task 2 : REQUIREMENTS ANALYSIS
USER REQUIREMENT
FUNCTIONAL REQUIREMENT
The functional requirements for the web design are as follows:
NO
FUNCTIONS
REQUIRMENT DISCRIPTION
LOG IN
All users can log into their accounts after they have signed up
with the site.
SIGN UP
The user can register as a customer in this site.
SEARCH
The system has a search box in which users can search

available products on the site.
FAQS BOX
Customers can ask questions about their difficulties and they

will be answered in a very short time.
CONTACT AND
Clients can drop reviews and comments about products,
COMMENT BOX
services and the site in general.
NON FUNCTIONAL REQUIREMENTS

These are the things that the system needs in order to function well.
NO
REQUIREMENTS
REQUIRMENTE DISCRIPTION
PERFORMANCE AND
The system should be fast
SPEED
2
DOCUMENTATION
Any proper system should have documentation which makes it

easy for customer to understand the system.
NAVIGATION
The system should have a guide or direction for a customer to

navigate easily around the site.
RELIABILITY
For a single user, the system should crash no more than once
13
IM 1024
per. 10 hours
5
AVAILABILITY
The product should be available at all time for the customer to

be able to make an order to buy
USABILITY
Customer should be able to view/ make purchases online not

just only in Malaysia
EXTENSIBILITY AND
A system need to be able to reach people in different
ACCESIBILITY.
geographical areas have the opportunity to access the system

from the internet anywhere and anytime across the globe
SECURITY
The system provides log in function for users in order to protect

their information from being harmed.
AVAILIABILITY
This system shall be operational at all time all year round. This
will give the users opportunity to access the system any given
time.
10
BACKUP
The system will be able to recover lost information from back-up

within an hour if any form of failure occurs.
11
CAPACITY
The
system
is
capable
of
supporting
multiple
simultaneously without experiencing a downtime.

12
INTERPORABILITY
The system is able to work with other key technologies
Task 3: SYSTEM REQUIREMENTS

14
users
IM 1024
HARDWARE REQYIREMENTS
PROCESSOR: INTEL ATOM AT LEAST.
RAM: 512MB AT LEAST
A COMPUTER
INTERNET CONNECTION
SOFTWARE REQUIREMENTS
FLASH PLAYER(ADOBE PREFERABLY)
A JAVASCRIPT ENABLED BROWSER
15
IM 1024
Task 4: WEBSITE DESIGN AND IMPLEMENTATION
NAVIGATION STRUCTURE
HOME
PRODUCTS
SERVICES
CONTACT US
T-SHIRTS
SHIRTS
JACKETS
TROUSERS
16
ABOUT US
FAQS
IM 1024
STORY BOARDS
HOME PAGE STORYBOARD
Search
Facebook
BABA TEX LIMITED

Products Services
Contact
us
Homepage
Twitter
About
us
Faqs
LOG IN
SIGN UP
Instagram
FLASH VIDEO
FLASH VIDEO
FLASH VIDEO
Copy Right
HOMEPAGE DECRIPTION:
This page is the first page of the website it contains links to pages (home, products,
services, contact us, about us & faqs).
It contains text, flash image and background color.
Information on this page straight forward.
It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ]..
17
IM 1024
There is copyright of the website below in each webpage.
It contains the login sign up and search links.
PRODUCTS PAGE STORYBOARD
Homepage
Faceb
ook
Twitt
er
Products
BABA TEX LIMITED

Services
Contact us
About us
Faqs
Instagr
am
Image link
Image link
Image link
Image link
Copy Right
PRODUCTS PAGE DESCRIPTION
This is the second page of the website is contains the various products of the Baba
TEX Ltd
It contains links to pages (home, products, services, contact us, about us & faqs).
It also contains the text and image of the t-shirts, shirts, jackets and trousers.
It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ].
18
IM 1024
T-SHIRTS PRODUCTS PAGE STORYBOARD
Homepage
Products
Baba Tex Ltd

Services
Contact Us
About Us
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
1 2 3 4 Next
Copy Right
19
Faqs
IM 1024
T-SHIRTS PRODUCTS PAGE DESCRIPTION
This is the third page which can be accessed as a drop down menu of products page
link.
It also contains the text and image of the t-shirts products in Baba TEX Ltd.
The order page can be accessed from here by clicking on any products.
20
IM 1024
SHIRTS PRODUCTS PAGE STORYBOARD
Homepage
Products
Baba Tex Ltd

Services
Contact Us
About Us
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Faqs
1 2 3 Next
Copy Right
SHIRTS PRODUCTS PAGE DESCRIPTION
This is the fourth page which can be accessed as a drop down menu of products page
link.
It also contains the text and image of the shirts products in Baba TEX Ltd.
21
IM 1024
22
IM 1024
JACKETS PRODUCTS PAGE STORYBOARD
Homepage
Products
Baba Tex Ltd

Services
Contact Us
About Us
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Faqs
1 2 3 Next
Copy Right
JACKETS PRODUCTS PAGE DESCRIPTION

This is the fifth page which can be accessed as a drop down menu of products page
link.
It also contains the text and image of the jackets products in Baba TEX Ltd.
23
IM 1024
TROUSERS PRODUCTS PAGE STORYBOARD
Homepage
Products
Baba Tex Ltd

Services
Contact Us
About Us
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Faqs
1 2 3 Next
Copy Right
TROUSERS PRODUCTS PAGE DESCRIPTION
This is the sixth page which can be accessed as a drop down menu of products page
link.
It also contains the text and image of the trousers products in Baba TEX Ltd.
24
IM 1024
SERVICES PAGE STORYBOARD
Homepage
Faceboo
k
Twitte
r
Products
BABA TEX LTD

Services
Contact us
About us
Faqs
Instagra
m
Text
Text
Text
Text
Copy Right
SERVICES PAGE DESCRIPTION
This is the seventh page of the website.
It contacts text and relevant information about the Baba TEX Ltd modules of operations
such as manufacturing, shipping and imports and exports.
25
IM 1024
CONTACT US STORY BOARD
Homepage
Faceboo
k
Products
Twitter
BABA TEX LTD

Services
Contact us
About us
Faqs
Instagram
Texts
Texts
Comment Boxes
Texts
Copy Right
CONTACT US PAGE DESCRIPTION
This is the eight page of the website.

It has a form space on the middle side where users can drop comments.
The other side has the contact information of the Baba TEX Ltd.
It also contains the address and emails address of the websites.
It contains links to our pages on facebook, twitter and instagram.
26
IM 1024
ABOUT US PAGE STORY BOARD
Homepage
Products
Baba Tex Limited

Services
Contact us
Image
About us
Faqs
Picture
Text
Picture
Copy Right
ABOUT US PAGE DESCRIPTION
This is the ninth page of the website.

It contains images and text
The information on the background of the Baba TEX Ltd.
It contains the pictures of the owner of Baba TEX Ltd.
27
IM 1024
FAQS PAGE STORYBOARD
Homepage
Faceboo
k
Twitter
Products
BABA TEX LTD

Services
Contact us
Instagra
m
About us
Faqs
Texts
Texts
Detail Boxes
Submit
Button
Copy Right
FAQS PAGE DESCRIPTION
This is the Tenth page of the website.

It contains questions from our customers.
It contains a box where our clients can ask us questions.
It contains links to our pages on Facebook [ F ], twitter[ T ] and Instagram[ I ].
28
IM 1024
ORDER PAGE STORYBOARD
Homepage
Products
Facebook
BABA TEX LTD

Services
Contact us
Twitter
About us
Faqs
Instagram
Texts
Input Box
Texts
Input Box
Texts
Picture
Selection Boxes
Picture
Picture
Picture
Texts
Input Box
Button
Copy Right
ORDER PAGE DESCRIPTION
This is the Eleventh page of the website.

It contains questions from our customers.
It can only be accessed from the product page.
It contains links to our pages on facebook, twitter and instagram.
29
IM 1024
INTERFACE DESIGN
HOME PAGE DESIGN
PRODUCTS DESIGN PAGE
30
IM 1024
T-SHIRTS PRODUCT DESIGN PAGE
31
IM 1024
SHIRT PRODUCT DESIGN PAGE
JACKET PRODUCT DESIGN PAGE
32
IM 1024
TROUSER PRODUCT DESIGN PAGE
33
IM 1024
SERVICE DESIGN PAGE
34
IM 1024
ORDER PAGE
CONTACT US DESIGN PAGE
35
IM 1024
ABOUT US DESIGN PAGE
36
IM 1024
FAQS DESIGN PAGE
37
IM 1024
38
IM 1024
Task 5: TESTING AND EVALUATION
USABILITY TESTING.
Running a usability test on the site, the following component worked properly.
FUNCTION
DESCRIPTION
View
Click on the products
Link
Click on the [Links]
Search
About us
Type a product name or

description on the [search box]
Click on the [About us link]
Faqs
Ask a question
E-mail
Click on the [send e-mail

button]
Order
Selection and payments
Navigation
Navigate through the website
39
RESULT
STATUS
Users were able to

view the products
Users were able to
view each link
Users were not able to
search an item name.
Users were able to
view about the
company.
Users were able ask a
question.
Some users were not
able to send the
company an e-mail
trough the site
because Microsoft
outlook was required.
Users were able to
select and purchase
items.
Users were able to
navigate through the
website stress free.
Successful.
Successful
Unsuccessful.
Successful
Successful
Unsuccessful
Successful
Successful
IM 1024
Compatibility Testing
Functions
Descriptions
Google chrome
Successful
Internet explorer
Needed flash
Opera Mini
Successful
It takes about 6
it takes about 4
player to play.
It takes about 4 to
It takes about 4
8 seconds to
to 5 seconds to
5 seconds to load
7 seconds to
load or open
Visibility is
load or open
Visibility is bold
or open
Visibility is
load or open
Visibility is
slightly
and excellent.
excellent.
comfortable
comfortable.
All images
All images
All images loaded
All images
loaded
loaded
successful
loaded
Design and
successful
The design and
successful
The design and
The design and
successful
The design and
layout.
layout were
layout were at
layout were slightly
layout were
Forms
good.
Not all forms
its best.
Not all forms
different.
Not all forms were
okay.
Not all forms
were
were
accessible
were accessible
accessible
accessible
Flash Video
Speed
Texts
Images
Mozilla Firefox
Successful
40
IM 1024
EVALUATION REPORT
This aspect presents the analysis of evaluation reports using graph, based on the
responses which was generated from the questionnaire that were distributed to the
respondents in evaluating the website that we are design for Baba Tex Ltd. About 10
questionnaire copies comprising of 10 questions were administered using Yes or No
answer in the space provided. The questionnaire for the evaluation of the reports can be
viewed in the appendix.
Answers
100.00%
90.00%
80.00%
70.00%
60.00%
Answers
50.00%
40.00%
30.00%
20.00%
10.00%
0.00%
Yes
No
41
Blank
IM 1024
According to the questionnaires report, 90% of the questions were answered as YES, 5%
were answered as NO and 5% were left Unanswered. This means that 90 of the questions
were answered with YES, 5 questions with NO and 5 questions left blank.
Task 6: CONCLUSION
CONCLUSION
In conclusion the website as launch for Baba Tex Ltd is designed to extend their
customers attention and interest to buy there numerous products using latest technology as
specified in the website requirements in all the web pages. From the evaluation reports,
testing and the various software as used in designing the website it will help the Baba Tex Ltd
to increase their sales and bring more customers to the doorsteps in the world of furniture
enterprise.
PROBLEMS ENCOUNTERED
SUITABLE THEME TO USE
During the process of designing this website we was faced with the challenge of which
suitable theme (color combination) will be appropriate for the website we had to design, we
went with many color choices before settling for a more classic look of mixed colors.
SUITABLE LAYOUT
After hours of long searches on the internet looking for a very simple but stylish
template to adopt for my webpage, we could not come up with anyone after which I now
decide to go for layout prototype.
SUITABLE AND ATTRACTIVE IMAGE
Despite the fact, the website already have a name/title called BABA TEX LTD, it took
me time and rigorous strive to search for the appropriate images and text that march the
objectives and aims of designing the website.
42
IM 1024
SOFTWARE OPTION
We had the privileged to choose from certain number of softwares to use to design my
webpage and we settled for macromedia Dreamweaver CS5 been that it is the mostly used
software to design website and its output is very good, also I used Wondershare flash gallery
factory to design my flash photo gallery and Macromedia fireworks 8 to design the logo that
were used in the website.
BROWSER
This is one of the frustrating parts of designing this website, when testing the website it
was noticed that only Google chrome browser ran the Webpages appropriately without any
errors while the likes of Mozilla Firefox, Safari and Internet Explorer browsers encountered
one little problem or the other. So it is safe to say that the website will perform best only on
Google chrome browser.
FUTURE ENHANCEMENT
The website can be upgraded in future to serve a more dynamic and unique purpose. A chat
room and other related links can be added to the website in the future. Also the company
might decide to add advert, company news etc. to the web pages in future to make it more
interesting to visit
43
IM 1024
INDEX
GROUP HIERARCHY OF MEMBERS
KHALIFA
GROUP LEADER
Responsibility
Checks all members are
participating &
complete assigned work
in time with proper
documentation.
BUHARI
SECRETARY
BELLO AND BASHIR

GROUP MEMBERS
Responsibility
Responsibility
Contribute to
group researches.
Take note of the meeting,

contributes to researches
and also compile task
documentation.
.
.
44
IM 1024
HOW OUR GROUP WORK AS A TEAM
Every member of the group collaborated to ensure the success of the assignment, we all
respects time for all meetings conducted and other things that we need as well The group
always meets on its free time in the library or sometimes in our various hostels to discuss all
relevant school agendas.
Our group has its own hierarchy, from a facilitative group leader to just being an active
member. The group assigned each group member with a responsibility based on their
qualities and reflex of doing it.
In trying to facilitate the project progress, the group introduced a contingent plan or
policy that each member must abide for easier completion of the project. All members of the
group are supposed to attend all project group meetings regardless of the position you are in
the group. Failure to do so, the group will take necessary measures or report to the subject
lecture for punishment.
The interactions among group members are often complex (discerned from simple or
complex) and emergent.
All the information found or task has given in the assignment brief IM1024 is to be
achieved in the analysis of the research scenario on Baba TEX Ltd, the group did equally
distribute the responsibility of each member towards research so that we can easily gather
information quicker.
The allocation of the tasks to different persons in the team to save time and also so
that they are performed in a sensible sequence.
We analyze the problem given and try to list down all the familiar opinions with well
backing points. Then the group decides the opinion solution to be used in conquering the
problem.
45
IM 1024
REFERENCE
Website Design [Online] Available at:
http://www.how-to-build-websites.com/ (access date - 26/3/2013)
How to Design a Website for Beginners [Online] Available at:
http://www.webmastercourse.com/ (access date - 17/3/2013)
How to Design a Website [Online] Available at:
http://www.garysimon.net/webdesign_tutorial/1 (access date - 8/ 3/2013).
Jennifer Niederst Robbins and Aaron Gustafson 2007, Learning Web Design: A
Beginner's Guide to (X) HTML, Style Sheets, and Web Graphics - Part 4 - Creating
Web Graphics: Web Graphics Basics; Lean and Mean Web Graphics
Carroll, J.M. (Ed.) (1995) Scenario-Based Design. John Wiley and Sons.
Pictures downloaded from
http://www.geoffanderson.com
http://www.wix.com
Retrieved
from
http://www.humphreys-assoc.com/evms/practitioner-connectionearned-value-management-system-storyboards-ta-a-73.html, accessed on 27/02/2013.
46

Report Website Documentation

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Report Website Documentation

Uploaded by

Copyright:

Available Formats

IM 1024

WEB AUTHORING AND WEB MANAGEMENT

SCHOOL OF COMPUTER SCIENCE AND INFORMATION TECHNOLOGY

BABA Textile Limited

IM1024 Web Authoring and Web Management

Task 1: KEY PRINCIPLES IN DESIGNING AND IMPLEMENTATION

PRECEDENCE (EYE GUIDING)

size and design

The user can register as a customer in this site.

The system has a search box in which users can search

Customers can ask questions about their difficulties and they

Clients can drop reviews and comments about products,

services and the site in general.

NON FUNCTIONAL REQUIREMENTS

The system should be fast

Any proper system should have documentation which makes it

The system should have a guide or direction for a customer to

The product should be available at all time for the customer to

Customer should be able to view/ make purchases online not

A system need to be able to reach people in different

geographical areas have the opportunity to access the system

The system provides log in function for users in order to protect

The system will be able to recover lost information from back-up

simultaneously without experiencing a downtime.

The system is able to work with other key technologies

Task 3: SYSTEM REQUIREMENTS

BABA TEX LIMITED

PRODUCTS PAGE STORYBOARD

BABA TEX LIMITED

T-SHIRTS PRODUCTS PAGE STORYBOARD

Baba Tex Ltd

Baba Tex Ltd

Baba Tex Ltd

JACKETS PRODUCTS PAGE DESCRIPTION

Baba Tex Ltd

BABA TEX LTD

BABA TEX LTD

This is the eight page of the website.

Baba Tex Limited

ABOUT US PAGE DESCRIPTION

This is the ninth page of the website.

BABA TEX LTD

This is the Tenth page of the website.

BABA TEX LTD

This is the Eleventh page of the website.

PRODUCTS DESIGN PAGE

T-SHIRTS PRODUCT DESIGN PAGE

JACKET PRODUCT DESIGN PAGE

TROUSER PRODUCT DESIGN PAGE

SERVICE DESIGN PAGE

CONTACT US DESIGN PAGE

ABOUT US DESIGN PAGE

FAQS DESIGN PAGE

Click on the products

Click on the [Links]

Type a product name or

Click on the [send e-mail

Selection and payments

Navigate through the website

Users were able to

All images loaded

The design and

layout were slightly