WEBSITE DEVELOPMENT BRIEF

Section : C-333 V1.0 July 9, 2011

Document Version : Date Submitted :

1 Name of Website
In the name of coffee (coffee shop website)

2 Aims of this website

what is the aim of the website To give people a real coffee experience To let people explore our fine foods and beverages menu what do you want the website to achieve a well designed website a user friendly website that can easily access

3 Target audience(s)
Be as specific as possible about who the target audiences are. Provide as accurate a breakdown of the demographics as possible, e.g. gender, age groups, location (state, national, international, rural, city), interests. Provide some assessment as to their likely experience using the Internet. Male and female 15 y/o onwards Anyone who loves to drink coffee

4 Project management
Project schedule: Specify the deliverables and milestones, your timeframe and any stages you specifically require in the development process.

WEBSITE DEVELOPMENT BRIEF

Date start 06/29/11 07/06/11 07/09/11 07/13/11 07/30/11 08/17/11 09/10/11 09/21/11 10/05/11 Date End 07/06/11 07/08/11 07/09/11 07/27/11 08/13/11 09/07/11 09/17/11 10/05/11 10/15/11 task first draft of content layout (homepage) finalizing contents and layout design submission of WDB coding/putting hyperlinks layouting of contents of hyperlinks coding of contents of hyperlinks posting galleries (photos) finalizing the whole (validations, etc) revisions/submission of project

4.1

Proposed team

Provide details of each person who will work on this project name, role, qualifications and relevant experience. PROJECT MANAGER Aaron Joseph Legaspi ROLES Set schedule for accomplishing task Delegate tasks

QUALIFICATIONS Experienced being a leader Responsible in managing time

RELEVANT EXPERIENCE

President, Lyceum of the Philippines University Chorale Became a leader in other projects

WEBSITE DEVELOPMENT BRIEF

CODER/DEVELOPER Abduljamar Abbas ROLES Code the document using XHTML (XHTML/CSS) and scripts Ensure the adherence to W3C standard Code for cross browser compatibility

QUALIFICATIONS Knowledgeable in coding HTML/XHTML Good in researching

GRAPHIC ARTIST Karla Gamit ROLES

Design logos and site images Promote visual appeal of the website Sketch storyboard

RELEVANT EXPERIENCE Knowledgeable in editing pictures

5 Contents
The team will be using a thousands of words with a maximum of forty images for the visitors to have a better idea of how do our project look like. We will be customizing our page with interesting and appetizing pictures that will help us gain customers and for them to have a good look at the environment of our product.

6 Functionality
Identify the functional elements that are to be included in the site. Describe in as much detail as possible how you envisage each function will work from the users perspective. Include the

WEBSITE DEVELOPMENT BRIEF

results or information you want and what tracking you want to be able to do when users access that functional element. For example, state how many online forms you want, how many fields of information each will contain, who the completed form is sent to in your business and in what format as text in an email or a file that can be imported into a spreadsheet, or is it to go automatically to a database (optional) or other program? The webpage that we will be developing is to have an online access to the shop which we are going to build. It only limits to viewing of history, viewing of gallery, peeking on the menu list (to eat and to drink). This site is not applicable for ordering.

7 Graphic design and usability

Detail your design criteria e.g. it must comply with the corporate identity/brand usability specify what page layout, navigation features (eg breadcrumbs) and helpful devices you want on the pages provide a list of dos and donts provide URLs of websites you regard as good examples of what youre seeking Specify accessibility requirements e.g. issued World Wide Web Consortium www.w3c.org Details Font -At the Header, We used the COFFEE font. -In the navigation bar, We used the CANDY INC. font. -Our First column, We used the DINARJEV REPUBLIKA font. -Our Second column, We used the VON font. -Our Third column, We used the same font that we used in our first column. -In the Footer, We just used the ordinary font. *All the font styles we used are downloaded from the dafont.com -The Font size, depend on how it will fit in our page and if it is readable. -The Font color, In the header, we fill it with the mixture of dark brown and light brown. -In the navigation, we used the same color of our page layouts. -In the three columns, we used the mixture of light brown, dark with matching black. Page -We simply used a page color in our layout. We plan also to put some images to have its background.

WEBSITE DEVELOPMENT BRIEF

Images -We used some coffee images. We also make a collage of pictures in our header and in the three columns, we put some pictures in the content to make some styles and uniqueness. Column -We use three column to specify the content we want to put. Tables and Borders -We use only a simple table and a simple border, because we want it to be simple. Usability -Our layout is just about the coffee. We use warm colors to signify our coffee layout. -In navigation, it consist of home, menu, community, about, and gallery. You just click the navigation of what you want to click. URLs - http://www.dafont.com/... To have our font styles. - http://www.google.com.ph/ ...To have our images. - http://www.picnik.com/ ...To edit our images. Website -http://www.itocoffee.com/

8 General technical Issues

Speed Putting multimedia type of file might affect the loading speed of the website Hosting and web Server Management- ISP Setting Requirements for the website to compete with other industry standards

WEBSITE DEVELOPMENT BRIEF

9 Testing and revision

What is to be tested and under what conditions? Links - Execution of website should be tested especially the hyperlinks. Images web images should also be tested. Revise it if needed to give more attraction to customers. Navigation navigations and add-ons need more time for testing because contents of the links serve as the subsystem of the website. When will testing take place? at the beginning, during and/or just before launch?

10 Documentation
What documents are to be submitted at the end of the project and who will be responsible for each? Layout Design First Draft of homepage(MS Word) Hard copy of Codes (MS Word) Soft copy of finalized website Hard copy of finalized website

A list of questions you may have a. These questions should clearly identify anything you will need to do to build your site that you don't know how to do yet