website documentation

Upload: khalifa-ashiru-danliman

Post on 03-Apr-2018

227 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/28/2019 Website documentation

    1/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    1

    -

    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

  • 7/28/2019 Website documentation

    2/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    2

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

  • 7/28/2019 Website documentation

    3/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    3

    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

    Task 2 : REQUIREMENTS ANALYSIS ................................................................................................ 13

    USER REQUIREMENT........................................................................................................................... 13

  • 7/28/2019 Website documentation

    4/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    4

    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

  • 7/28/2019 Website documentation

    5/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    5

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

  • 7/28/2019 Website documentation

    6/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    6

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

    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 interactivewebsite 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 dueto the low level of income it produced but later picked up before the decision was taken.

  • 7/28/2019 Website documentation

    7/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    7

    COMPANY ORGANISATION CHARTS

    ADM. MANAGER

    ACCOUNTANTS SALES MEN SHIPMENT CORDINATORS

    STAFFS

    PRODUCTION MANAGER TRANSPORT MANAGERSALES MANAGER

    DESIGNERS

    MD

    STAFFS STAFFS STAFFS

    SECRETARY

  • 7/28/2019 Website documentation

    8/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    8

    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.

  • 7/28/2019 Website documentation

    9/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    9

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

  • 7/28/2019 Website documentation

    10/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    10

    USABILITY

    The web site is user friendly usability is one of the key principles that were used

    in designing the website forBaba TEX Ltdfrom 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 Ltdusing 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.

  • 7/28/2019 Website documentation

    11/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    11

    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 thenumerous clients ofBaba TEX Ltd.

  • 7/28/2019 Website documentation

    12/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    12

    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 tounderstand 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 browsersand also to make sure that the site meets up with the expected goal. Feedbacks were

    also generated from our respective customers.

  • 7/28/2019 Website documentation

    13/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    13

    Task 2 : REQUIREMENTS ANALYSIS

    USER REQUIREMENT

    FUNCTIONAL REQUIREMENTThe functional requirements for the web design are as follows:

    NO FUNCTIONS REQUIRMENT DISCRIPTION

    1 LOG IN All users can log into their accounts after they have signed up

    with the site.

    2 SIGN UP The user can register as a customer in this site.

    3 SEARCH The system has a search box in which users can search

    available products on the site.

    4 FAQS BOX Customers can ask questions about their difficulties and they

    will be answered in a very short time.

    5 CONTACT AND

    COMMENT BOX

    Clients can drop reviews and comments about products,

    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

    1 PERFORMANCE AND

    SPEED

    The system should be fast

    2 DOCUMENTATION Any proper system should have documentation which makes it

    easy for customer to understand the system.

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

    navigate easily around the site.

  • 7/28/2019 Website documentation

    14/41

  • 7/28/2019 Website documentation

    15/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    15

    Task 3: SYSTEM REQUIREMENTS

    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

  • 7/28/2019 Website documentation

    16/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    16

    Task 4: WEBSITE DESIGN AND IMPLEMENTATION

    NAVIGATION STRUCTURE

    HOME

    TROUSERS

    JACKETS

    SHIRTS

    T-SHIRTS

    CONTACT

    US

    SERVICESPRODUCTS FAQSABOUT US

  • 7/28/2019 Website documentation

    17/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    17

    STORY BOARDS

    HOME PAGE STORYBOARD

    BABA TEX LIMITEDHomepage Products Services Contact

    usAbout

    usFaqs LOG IN

    SIGN UP

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

    There is copyright of the website below in each webpage.

    It contains the login sign up and search links.

    FLASH VIDEO

    FLASH VIDEO

    Facebook Twitter Instagram

    Search box

    FLASH VIDEO

  • 7/28/2019 Website documentation

    18/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    18

    PRODUCTS PAGE STORYBOARD

    BABA TEX LIMITED

    Homepage Products Services Contact us About us Faqs

    Facebook Twitter Instagram

    Copy Right

    PRODUCTS PAGE DESCRIPTION

    This is the second page of the website is contains the various products of theBaba 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 ].

    There is copyright of the website below in each webpage.

    Image link

    Image linkImage link

    Image link

  • 7/28/2019 Website documentation

    19/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    19

    T-SHIRTS PRODUCTS PAGE STORYBOARD

    Baba Tex Ltd

    Homepage Products Services Contact Us About Us Faqs

    Picture Picture Picture

    Picture Picture Picture

    Picture Picture Picture

    1 2 3 4 Next

    Copy Right

    T-SHIRTS PRODUCTS PAGE DESCRIPTION

    This is the third page which can be accessed as a drop down menu of products

    page link.

    It contains links to pages (home, products, services, contact us, about us & faqs).

    It also contains the text and image of the t-shirts products in Baba TEX Ltd.

    It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ].

    The order page can be accessed from here by clicking on any products.

    There is copyright of the website below in each webpage.

  • 7/28/2019 Website documentation

    20/41

  • 7/28/2019 Website documentation

    21/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    21

    JACKETS PRODUCTS PAGE STORYBOARD

    Baba Tex Ltd

    Homepage Products Services Contact Us About Us Faqs

    Picture Picture Picture

    Picture Picture Picture

    Picture Picture Picture

    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 contains links to pages (home, products, services, contact us, about us & faqs).

    It also contains the text and image of the jackets products in Baba TEX Ltd.

    It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ].

    The order page can be accessed from here by clicking on any products.

    There is copyright of the website below in each webpage.

  • 7/28/2019 Website documentation

    22/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    22

    TROUSERS PRODUCTS PAGE STORYBOARD

    Baba Tex Ltd

    Homepage Products Services Contact Us About Us Faqs

    Picture Picture Picture

    Picture Picture Picture

    Picture Picture Picture

    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 contains links to pages (home, products, services, contact us, about us & faqs).

    It also contains the text and image of the trousers products in Baba TEX Ltd.

    It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ].

    The order page can be accessed from here by clicking on any products.

    There is copyright of the website below in each webpage.

  • 7/28/2019 Website documentation

    23/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    23

    SERVICES PAGE STORYBOARD

    BABA TEX LTD

    Homepage Products Services Contact us About us Faqs

    Facebook Twitter Instagram

    Copy Right

    SERVICES PAGE DESCRIPTION

    This is the seventh page of the website.

    It contains links to pages (home, products, services, contact us, about us & faqs).

    It contacts text and relevant information about the Baba TEX Ltd modules of

    operations such as manufacturing, shipping and imports and exports.

    It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ].

    There is copyright of the website below in each webpage.

    Text Text Text Text

  • 7/28/2019 Website documentation

    24/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    24

    CONTACT US STORY BOARD

    BABA TEX LTD

    Homepage Products Services Contact us About us Faqs

    Facebook Twitter Instagram

    Copy Right

    CONTACT US PAGE DESCRIPTION

    This is the eight page of the website.

    It contains links to pages (home, products, services, contact us, about us & faqs).

    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.

    There is copyright of the website below in each webpage.

    Texts

    Texts

    Comment Boxes

    Texts

  • 7/28/2019 Website documentation

    25/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    25

    ABOUT US PAGE STORY BOARD

    Baba Tex Limited

    Homepage Products Services Contact us About us Faqs

    Image

    Text

    Picture

    Picture

    Copy Right

    ABOUT US PAGE DESCRIPTION

    This is the ninth page of the website.

    It contains links to pages (home, products, services, contact us, about us & faqs).

    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.

    It contains links to our pages on facebook[ F ], twitter[ T ] and instagram[ I ].

    There is copyright of the website below in each webpage.

  • 7/28/2019 Website documentation

    26/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    26

    FAQS PAGE STORYBOARD

    BABA TEX LTD

    Homepage Products Services Contact us About us Faqs

    Facebook Twitter Instagram

    Copy Right

    FAQS PAGE DESCRIPTION

    This is the Tenth page of the website.

    It contains links to pages (home, products, services, contact us, about us & faqs).

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

    There is copyright of the website below in each webpage.

    Texts Detail Boxes

    Submit

    Button

    Texts

  • 7/28/2019 Website documentation

    27/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    27

    ORDER PAGE STORYBOARD

    BABA TEX LTD

    Homepage Products Services Contact us About us FaqsFacebook Twitter Instagram

    Copy Right

    ORDER PAGE DESCRIPTION

    This is the Eleventh page of the website.

    It contains links to pages (home, products, services, contact us, about us & faqs).

    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.

    There is copyright of the website below in each webpage.

    Texts

    Selection Boxes

    Picture

    Input Box

    Texts

    Texts

    Texts

    Input Box

    Picture

    Picture

    Picture

    Input Box

    Button

  • 7/28/2019 Website documentation

    28/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    28

    INTERFACE DESIGN

    HOME PAGE DESIGN

    PRODUCTS DESIGN PAGE

  • 7/28/2019 Website documentation

    29/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    29

    T-SHIRTS PRODUCT DESIGN PAGE

    SHIRT PRODUCT DESIGN PAGE

  • 7/28/2019 Website documentation

    30/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    30

    JACKET PRODUCT DESIGN PAGE

    TROUSER PRODUCT DESIGN PAGE

  • 7/28/2019 Website documentation

    31/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    31

    SERVICE DESIGN PAGE

    ORDER PAGE

  • 7/28/2019 Website documentation

    32/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    32

    CONTACT US DESIGN PAGE

    ABOUT US DESIGN PAGE

  • 7/28/2019 Website documentation

    33/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    33

    FAQS DESIGN PAGE

  • 7/28/2019 Website documentation

    34/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    34

    Task 5: TESTING AND EVALUATION

    USABILITY TESTING.

    Running a usability test on the site, the following component worked properly.

    FUNCTION DESCRIPTION RESULT STATUS

    View Click on the products Users were able toview the products

    Successful.

    Link Click on the [Links] Users were able toview each link

    Successful

    Search Type a product name or

    description on the [search box]

    Users were not able to

    search an item name.

    Unsuccessful.

    About us Click on the [About us link] Users were able toview about thecompany.

    Successful

    Faqs Ask a question Users were able ask aquestion.

    Successful

    E-mail Click on the [send e-mailbutton]

    Some users were notable to send thecompany an e-mailtrough the sitebecause Microsoft

    outlook was required.

    Unsuccessful

    Order Selection and payments Users were able toselect and purchaseitems.

    Successful

    Navigation Navigate through the website Users were able tonavigate through thewebsite stress free.

    Successful

  • 7/28/2019 Website documentation

    35/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    35

    Compatibility Testing

    Functions Descriptions

    Mozilla Firefox Google chrome Internet explorer Opera Mini

    Flash Video Successful Successful Needed flash

    player to play.

    Successful

    Speed It takes about 6

    8 seconds to

    load or open

    it takes about 4

    to 5 seconds to

    load or open

    It takes about 4 to

    5 seconds to load

    or open

    It takes about 4

    7 seconds to

    load or open

    Texts Visibility is

    slightly

    comfortable.

    Visibility is bold

    and excellent.

    Visibility is

    excellent.

    Visibility is

    comfortable

    Images All images

    loaded

    successful

    All images

    loaded

    successful

    All images loaded

    successful

    All images

    loaded

    successful

    Design and

    layout.

    The design and

    layout were

    good.

    The design and

    layout were at

    its best.

    The design and

    layout were slightly

    different.

    The design and

    layout were

    okay.

    Forms Not all forms

    were

    accessible

    Not all forms

    were

    accessible

    Not all forms were

    accessible

    Not all forms

    were accessible

  • 7/28/2019 Website documentation

    36/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    36

    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.

    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.

    0.00%

    10.00%

    20.00%

    30.00%

    40.00%

    50.00%

    60.00%

    70.00%

    80.00%

    90.00%

    100.00%

    Yes No Blank

    Answers

    Answers

  • 7/28/2019 Website documentation

    37/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    37

    Task 6: CONCLUSION

    CONCLUSION

    In conclusion the website as launch forBaba Tex Ltd is designed to extend their

    customers attention and interest to buy there numerous products using latesttechnology 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 IMAGEDespite 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.

    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.

  • 7/28/2019 Website documentation

    38/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    38

    BROWSERThis 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

  • 7/28/2019 Website documentation

    39/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    39

    INDEX

    GROUP HIERARCHY OF MEMBERS

    .

    .

    KHALIFA

    GROUP LEADER

    BELLO AND BASHIR

    GROUP MEMBERS

    BUHARI

    SECRETARY

    Responsibility

    Checks all members are

    participating & complete

    assigned work in time with

    proper documentation.

    Responsibility

    Take note of the meeting,

    contributes to researches and

    also compile task documentation.

    Responsibility

    Contribute to groupresearches.

  • 7/28/2019 Website documentation

    40/41

    IM 1024

    WEB AUTHORING AND WEB MANAGEMENT

    40

    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 briefIM1024 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 inconquering the problem.

  • 7/28/2019 Website documentation

    41/41