The document outlines a project to design a website for the MIS Consultancy Office (MCO) at DAHU. The MCO aims to provide IT services to internal clients like students and faculty as well as external clients. The project team will analyze requirements, design the site, and implement it using HTML and CSS. Key stakeholders include the project instructor, MCO manager, designers, and customers. The site will provide information about MCO services and allow clients to request services. Wireframes and pages for home, about, services, requests, members, and contacts are presented. The conclusion reflects on skills learned through completing the project.

1. MIS CONSULTANCY
OFFICE
Shahad A-Sabban
Muna Al-Ashmori
Raneem Tulaimat

2. INTRODUCTION
About MCO
 Established by the Hekma School of
Business and Law at DAHU
 Aims to provide MIS and IT-related
services to clients
 Headed by Dr. Diala Abi Haidar
How It Currently Works
 Process is manual, currently
 Clients fill out forms and submit it to
the MCO manager
 Manager assigns the service request as
a task, to the member
 Depending on availability and
capability

3. INTRODUCTION
About the project
 Use knowledge from the course to
design a website for our client: MIS
Consultancy Office
Project Outline
 Scope Definition
 Data Collection
 Requirement Analysis
 Web site Design
 Website Implementation ( HTML, CSS
)

4. INTRODUCTION
Stakeholders of Project
 Web Site designers and developers
 Project instructor Ms.Rasha Malik
 MCO Manager Dr. Diala AbiHaider
Actors of the Web Site
 MCO Manager, Members
 Web Site Designers
 Customers

5. SERVICES OF THE MCO OFFICE
Internal Clients
 Students
 Faculty
 Staff
External Clients
 Companies
 Individuals

6. MCO WEBSITE
Web Site Objective:
 To ensure that clients, students and faculty are aware of the services
provided by the MCO Office
Web Site Scope:
 To make sure that all functional requirements are met and dealt on a daily
basis

7. USABILITY REQUIREMENTS
The usability requirements used for this website are the following:
 The used colors are mainly blue, green, white, grey, and black.
 Provide useful content for the users.
 Show all major options on the homepage.
 Label data entry fields consistently with meaningful words.
 Use familiar fonts.

8. CONTINUE…
 Avoid jargons in the website.
 Ensure all pages have the same layout and design.
 Make the upper and lower case search terms equivalent.
 The Homepage can always be accessed by clicking on the banner.

9. Web Site Design
-----

10. SITEMAP
Home
About Services Request
Service Membership
Contacts

11. WIREFRAME
1.

12. WIREFRAME
2.

13. WIREFRAME
3.

14. The Real Web Site Design
-----

15. HOME
PAGE

16. ABOUT
PAGE

17. SERVICES
PAGE

18. REQUEST
PAGE

19. MEMBER
FORM
PAGE

20. SERVICE
REQUEST
PAGE

21. CONTACTS
PAGE

22. CONCLUSION
What We Learnt
 New Programming Languages 
 How to use what we learnt in class,
practically
 How to research
 Try, try, and try again!

23. THANK YOU!

ANY QUESTION..